/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/
.wrap-page-quiz {
    /*padding-bottom: 170px;*/
}
.wrap-page-quiz-head-title-step {
    font-size: 38px;
    margin: 30px auto 20px;
    font-weight: 700;
    text-align: center;
    display: none;
}
.wrap-page-quiz-head-title-step.head-title-action {
    display: block;
}
.wrap-page-quiz-head-steps {
    text-align: center;
}
.wrap-page-quiz-head-steps-item {
    display: inline-block;
    border-bottom: 2px solid transparent;
    transition: color .2s,border-color .2s;
    padding: 5px 6px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: rgba(93,124,137,.5);
}
.wrap-page-quiz-head-steps-item:focus {
    outline: none;
}
.wrap-page-quiz-head-steps-item.head-step-action {
    border-color: #ffb500;
    color: #ffb500;
}
.wrap-page-quiz-footer-bottom-right ul {
    list-style: none;
	margin: 0;
}
.wrap-page-quiz-footer-bottom-right ul li {
	margin: 0;
}
.wrap-page-quiz-footer {
    position: fixed;
    z-index: 99999;
    width: 100%;
    max-width: 1400px;
    left: 50%;
    transform: translate(-50%);
    bottom: 50px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 30px;
}
.wrap-page-quiz-footer-bottom {
    display: flex;
    justify-content: space-between;
}
.wrap-page-quiz-footer-bottom-left {
    width: calc(100% - 165px);
/*     position: relative; */
}
.wrap-page-quiz-footer-bottom-right {
    width: 165px;
}
.wrap-page-quiz-footer-bottom-right>ul {
    /*margin-top: 22px;*/
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item {
    position: relative;
    height: 35px;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next {
    border-radius: 32px;
    float: right;
    margin-left: 0;
    width: 165px;
	z-index: 10;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item ul {
    position: relative;
    width: 100%;
    height: 100%;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 35px;
    color: #fff;
    background: #F69924;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    border: 1px solid #F69924;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next ul li a span {
    display: inline-block;
    position: relative;
    width: 17px;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next ul li a span:after {
    display: block;
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2023/12/ic_round-expand-more-1.svg");
    left: 0;
    top: -12px;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next ul li a:hover {
    background: #F69938;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next li {
	display: none;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next li.nextnavitem-active {
	display: block;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li {
	display: none;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next li.nextnavitem-active.disable-active a {
	background: #fff;
	pointer-events: none;
    border: 1px solid #ACACAC;
    box-sizing: border-box;
    color: #ACACAC;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next li.nextnavitem-active.disable-active a span {
    transform: rotate(180deg);
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next li.nextnavitem-active.disable-active a span:after {
    display: block;
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2023/12/ic_round-expand-more.svg);
    left: 0;
    top: -5px;
}
/*.wrap-page-quiz-footer-bottom-right>ul .nav-item ul li a:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    height: 16px;*/
/*    width: 16px;*/
/*    background: url(/wp-content/uploads/2023/10/cd-icon-arrow.svg) no-repeat 0 0;*/
/*    right: 16px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/
.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev ul {
    position: absolute;
    width: 165px;
    height: 37px;
    top: 47px;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li a {
	    display: block;
    height: 100%;
    color: #ACACAC;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li a span {
    display: inline-block;
    position: relative;
    width: 17px;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li a span:before {
    top: -13px;
    right: 0;
    position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/wp-content/uploads/2023/12/ic_round-expand-more.svg");
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li {
    width: 100%;
    border-radius: 20px;
    background: #fff;
    color: #ACACAC;
    line-height: 35px;
    text-align: center;
    height: 37px;
    position: relative;
    border: 1px solid #ACACAC;
}
/*.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li:hover {*/
/*    background: #f2f2f2;*/
/*}*/
/*.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev ul li a:after {*/
/*	    content: '';*/
/*    position: absolute;*/
/*    height: 16px;*/
/*    width: 16px;*/
/*    background: url(/wp-content/uploads/2023/10/cd-icon-arrow.svg) no-repeat 0 -16px;*/
/*    right: 18px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/
.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li.prevnavitem-active {
	display: block;
}
.wrap-page-quiz-body-step {
    display: none;
}
.wrap-page-quiz-body-step.body-step-active {
    display: block;
}
.wrap-page-quiz-body-step-1-items {
	display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.wrap-page-quiz-body-step-1-item {
	position: relative;
	    width: calc(25% - 25px);
    padding-bottom: 100px;
}
.size-quiz-radio {
	position: absolute;
    height: 100%;
    width: 100%;
    border: 2px solid #ededed;
	top: 0;
    left: 0;
    cursor: pointer;
}
.wrap-page-quiz-body-step-1-item input {
	display: none;
}
.wrap-page-quiz-body-step-1-item-title {
	    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 12px;
    text-align: center;
}
.wrap-page-quiz-body-step-1-item-image {
	text-align: center;
}
.wrap-page-quiz-body-step-1-item-image img {
	    max-width: 100%;
    height: 140px;
    object-fit: contain;
    object-position: center;
}
.size-quiz-radio span:after {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ededed;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 30px;
}
.size-quiz-radio input:checked ~ span:after {
    border: 2px solid #ffb500;
    width: 45px;
    height: 45px;
    margin-left: -22px;
    bottom: 23px;
    background-color: #ffb500;
    background-image: url("/wp-content/uploads/2023/10/cd-icon-check.svg");
    background-position: center;
    background-repeat: no-repeat;
}
.size-quiz-radio input:checked ~ span:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    border: 2px solid #ffb500;
    top: -2px;
    left: -2px;
    cursor: pointer;
}
.wrap-page-quiz-footer-bottom-left-step {
    display: none;
    align-items: center;
    height: 100px;
}
.wrap-page-quiz-footer-bottom-left-step.bottom-left-step-active {
    display: flex;
}
.wrap-page-quiz-footer-bottom-left-step3.bottom-left-step-active {
    /*display: block;*/
}
.size-quiz-select-image img {
    max-height: 70px;
}
.size-quiz-select-title {
    font-size: 18px;
    font-weight: 700;
    padding-left: 15px;
}

.wrap-page-quiz-body-step-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-top: 45px;
    margin-bottom: 270px;
    /*align-items: center;*/
}
.wrap-page-quiz-body-step-2-left-text {
    display: none;
}
.wrap-page-quiz-body-step-2-left-text.wrap-page-quiz-body-step-2-left-text-active {
    display: block;
}
.wrap-page-quiz-body-step-2-right-images-block {
    /*display: none;*/
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
.wrap-page-quiz-body-step-2-right-images-block-active {
    /*display: block;*/
    visibility: visible;
    height: auto;
    overflow: auto;
}
.wrap-page-quiz-body-step-2-left-after-text {
    display: none;
    /*margin-top: 30px;*/
}
.wrap-page-quiz-body-step-2-left-after-text-active {
    display: block;
}
.wrap-page-quiz-body-step-2-left-after-list {
    display: none;
    padding-top: 30px;
}
.wrap-page-quiz-body-step-2-left-after-list-active {
    display: block;
}
.wrap-page-quiz-body-step-2-left-after-list-item {
    width: 282px;
    border-radius: 10px;
    background: #FFF;
    display: flex;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    justify-content: space-between;
    padding: 10px 10px 10px 30px;
    /*height: 40px;*/
    margin-bottom: 10px;
}
.wrap-page-quiz-body-step-2-left-after-list-item-text {
    display: flex;
    gap: 20px;
    align-items: center;
}
.wrap-page-quiz-body-step-2-left-after-list-item-image {
    display: flex;
}
.wrap-page-quiz-body-step-2-left-after-list-item-info {
    display: flex;
    position: relative;
}
.wrap-page-quiz-body-step-2-left-after-list-item-info-image {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: url("/wp-content/uploads/2023/12/material-symbols_info-outline.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wrap-page-quiz-body-step-4-left-after-list-item-info-image {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: url("/wp-content/uploads/2023/12/material-symbols_info-outline.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wrap-page-quiz-body-step-2-left-after-list-item-text-list {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}
.wrap-page-quiz-body-step-2-left-after-list-item-text-list-green {
    color: #44AA55;
}
.wrap-page-quiz-body-step-2-left-after-list-item-text-list-red {
    color: #C62C2C;
}
.wrap-page-quiz-body-step-2-left-after-list-item-info-text {
    display: none;
    position: absolute;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    width: 260px;
    padding: 15px;
    color: #ACACAC;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    left: 0;
    bottom: 20px;
}
.wrap-page-quiz-body-step-2-left-after-list-item-info .wrap-page-quiz-body-step-2-left-after-list-item-info-image:hover + .wrap-page-quiz-body-step-2-left-after-list-item-info-text {
    display: block;
}
.wrap-page-quiz-body-step-4-left-after-list-item-info .wrap-page-quiz-body-step-4-left-after-list-item-info-image:hover + .wrap-page-quiz-body-step-4-left-after-list-item-info-text {
    display: block;
}
/*.wrap-page-quiz-body-step-2-left-types {*/
/*    max-width: 300px;*/
/*}*/
.wrap-page-quiz-body-step-2-right-images {
    position: relative;
}
.wrap-page-quiz-body-step-2-right-images-block-img {
    max-height: 480px;
}
.wrap-page-quiz-body-step-2-right-images {
    max-height: 500px;
}
.wrap-page-quiz-body-step-2-right-images .swiper-slide {
    text-align: center;
}
.wrap-page-quiz-body-step-2-right-images .swiper-pagination {
    display: none;
}
.wrap-page-quiz-body-step-2-right-images .swiper-pagination-bullet {
    background: #fff;
}
.wrap-page-quiz-body-step-2-right-images .elementor-swiper-button {
    width: 37px;
    height: 37px;
    font-size: 0;
    top: inherit;
    bottom: -37px;
    transform: inherit;
}
.wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-next {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    right: calc(50% - 60px);
    position: absolute;
}
.wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-prev {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    transform: rotate(180deg);
    left: calc(50% - 60px);
    position: absolute;
}

.wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-next1 {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    right: calc(50% - 60px);
    position: absolute;
}
.wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-prev1 {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    transform: rotate(180deg);
    left: calc(50% - 60px);
    position: absolute;
}

.wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-next2 {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    right: calc(50% - 60px);
    position: absolute;
}
.wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-prev2 {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    transform: rotate(180deg);
    left: calc(50% - 60px);
    position: absolute;
}

.wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-next3 {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    right: calc(50% - 60px);
    position: absolute;
}
.wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-prev3 {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    transform: rotate(180deg);
    left: calc(50% - 60px);
    position: absolute;
}
.wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-next4 {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    right: calc(50% - 60px);
    position: absolute;
}
.wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-prev4 {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    transform: rotate(180deg) !important;
    left: calc(50% - 60px);
    position: absolute;
}
.wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-next5 {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    right: calc(50% - 60px);
    position: absolute;
}
.wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-prev5 {
    background-image: url("/wp-content/uploads/2023/12/Group-20.svg");
    background-size: 100%;
    transform: rotate(180deg) !important;
    left: calc(50% - 60px);
    position: absolute;
}
.elementor-swiper-button.swiper-button-disabled {
    opacity: 0.5;
}

.wrap-page-quiz-body-step-3 {
    margin-top: 45px;
    margin-bottom: 200px;
    position: relative;
}
.wrap-page-quiz-body-step-3-item {
    position: relative;
    padding-left: 50px;
}
/*.wrap-page-quiz-body-step-3-item:last-child:before {*/
/*    display: none;*/
/*}*/
/*.number-countryy {*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    position: absolute;*/
/*    line-height: 32px;*/
/*    text-align: center;*/
/*    border: 1px solid rgba(0, 0, 0, 0.25);*/
/*    border-radius: 32px;*/
/*    -webkit-transition: background-color 0.3s, border-color 0.3s;*/
/*    transition: background-color 0.3s, border-color 0.3s;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    color: rgba(0, 0, 0, 0.25);*/
/*    top: 7px;*/
/*    left: 12px;*/
/*}*/
.wrap-page-quiz-body-step-3-item:last-child:before {
    height: calc(100% - 15px);
}
.wrap-page-quiz-body-step-3-item-block .swiper-wrapper {
    display: flex;
    gap: 30px;
    padding-right: 60px;
}
.wrap-page-quiz-body-step-3-item-block .swiper-wrapper .swiper-slide {
    max-width: 255px;
    min-width: 190px;
    width: auto;
}
.wrap-page-quiz-body-step-3-item-block-item-wrap {
    display: none;
}
.wrap-page-quiz-body-step-3-item-block-item-select-active .wrap-page-quiz-body-step-3-item-block-item-wrap {
    display: flex;
}
.wrap-page-quiz-body-step-3-item-block-item-select {
    cursor: pointer;
    position: relative;
}
.wrap-page-quiz-body-step-3-item-block-item-selected.wrap-page-quiz-body-step-3-item-block-item-selected-error {
    border: 2px solid #de2323;
}
.wrap-page-quiz-body-step-3-item-block-item-select-active .wrap-page-quiz-body-step-3-item-block-item-selected:after {
    transform: rotate(180deg);
}
.wrap-page-quiz-body-step-3-item-block-item-wrap {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 39px rgba(0,0,0,.1);
    width: calc(100% + 4px);
    border: 2px solid #ededed;
    border-top: none;
    margin-left: -2px;
    z-index: 100000;
    max-height: 188px;
    overflow: auto;
    bottom: 0px;
    flex-direction: column-reverse;
}
.wrap-page-quiz-body-step-3-item-block-item-wrap-item:hover {
    background: #ededed;
}
.wrap-page-quiz-body-step-3-item-block-item-count-add-to-list {
    width: 38%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffb502;
    cursor: pointer;
}

/*.wrap-page-quiz-footer-bottom-left-step3-cs {*/
/*    position: absolute;*/
/*    right: 40px;*/
/*    width: 365px;*/
/*    bottom: 100px;*/
/*    height: auto;*/
/*    !* z-index: -1; *!*/
/*    padding: 20px;*/
/*    background-color: #ededed;*/
/*	    border-top-left-radius: 40px;*/
/*    border-top-right-radius: 40px;*/
/*}*/
/*.wrap-page-quiz-footer-bottom-left-step3-preend-title {*/
/*	text-align: left;*/
/*    font-size: 24px;*/
/*    font-weight: bold;*/
/*    padding-bottom: 15px;*/
/*    padding-top: 5px;*/
/*}*/

.wrap-page-quiz-body-step-5-item-block-item-footer-text {
	    color: #858585;
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 10px;
}

.wrap-page-quiz-body-step-3-item-block-item-title-footer {
    font-weight: 700;
    text-align: left;
    font-size: 14px;
    line-height: 14px;
}

.wrap-page-quiz-body-step-3-item-block-item-image .hover-image {
    display: none;
}
.wrap-page-quiz-body-step-3-item-block-item-wrap-item-hover .wrap-page-quiz-body-step-3-item-block-item-image .hover-image {
    display: block;
}
.wrap-page-quiz-body-step-3-item-block-item-wrap-item-hover .wrap-page-quiz-body-step-3-item-block-item-image .nohover-image {
    display: none;
}
.wrap-page-quiz-body-step-3-item-block-item-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.wrap-page-quiz-body-step-3-item-block-item-label span {
    color: #fff;
    background: #ffb502;
    display: inline-block;
    border-radius: 16px;
    font-size: 12px;
    font-weight: bold;
    padding: 0 8px;
}
.wrap-page-quiz-body-step-3-item-block-item-click {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.wrap-page-quiz-body-step-3-item-block-item-noclick .wrap-page-quiz-body-step-3-item-block-item-click {
    display: none;
}
.wrap-page-quiz-body-step-4-left-types {
    max-width: 300px;
}
.wrap-page-quiz-body-step-4-right-images {
    position: relative;
    max-height: 480px;
    display: none;
}
.wrap-page-quiz-body-step-4-right-images.wrap-page-quiz-body-step-4-right-images-active {
    display: block;
}
.wrap-page-quiz-body-step-4-right-images .swiper-slide {
    text-align: center;
}
.wrap-page-quiz-body-step-4-right-images img {
    max-height: 480px;
}
.wrap-page-quiz-body-step-4-right-images .swiper-pagination-bullet {
    background: #fff;
}

/*.wrap-page-quiz-body-step-5-item-title {*/
/*    font-size: 30px;*/
/*    font-weight: 700;*/
/*    margin-bottom: 30px;*/
/*    margin-top: 30px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    gap: 30px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item {*/
/*    width: calc(20% - 25px);*/
/*    border: 2px solid #ededed;*/
/*    position: relative;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-title {*/
/*    font-size: 17px;*/
/*    font-weight: 700;*/
/*    text-align: left;*/
/*    padding: 5px 15px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-image {*/
/*    text-align: center;*/
/*    padding-bottom: 15px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-image img {*/
/*    max-width: 100%;*/
/*    height: 140px;*/
/*    object-fit: contain;*/
/*    object-position: center;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-wrap {*/
/*    display: none;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-select-active .wrap-page-quiz-body-step-5-item-block-item-wrap {*/
/*    display: block;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-select {*/
/*    cursor: pointer;*/
/*    position: relative;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-selected {*/
/*    padding: 5px 15px;*/
/*    !*border: 2px solid #ededed;*!*/
/*    margin-left: -2px;*/
/*    margin-right: -2px;*/
/*    position: relative;*/
/*    height: 40px;*/
/*    overflow: hidden;*/
/*    margin-bottom: -2px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-selected.wrap-page-quiz-body-step-5-item-block-item-selected-error {*/
/*    border: 2px solid #de2323;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-selected:after {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    background-image: url("/wp-content/uploads/2023/10/cd-icon-arrow.svg");*/
/*    background-repeat: no-repeat;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    margin-top: -8px;*/
/*    right: 15px;*/
/*    background-position: 0 -16px;*/
/*    transform: rotate(90deg);*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-select-active .wrap-page-quiz-body-step-5-item-block-item-selected:after {*/
/*    transform: rotate(270deg);*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-wrap {*/
/*    position: absolute;*/
/*    background: #fff;*/
/*    box-shadow: 0 0 39px rgba(0,0,0,.1);*/
/*    width: calc(100% + 4px);*/
/*    border: 2px solid #ededed;*/
/*    border-top: none;*/
/*    margin-left: -2px;*/
/*    z-index: 12;*/
/*    max-height: 173px;*/
/*    overflow: auto;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-wrap-item {*/
/*    font-size: 15px;*/
/*    padding: 5px 15px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-wrap-item:hover {*/
/*    background: #ededed;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-count {*/
/*    height: 50px;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    align-items: center;*/
/*    gap: 5px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-count-val {*/
/*    width: 60px;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    border-right: 2px solid #ededed;*/
/*    font-size: 18px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-count-plus, .wrap-page-quiz-body-step-5-item-block-item-count-minus {*/
/*    width: calc(50% - 35px);*/
/*    height: 100%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    background: #ffb502;*/
/*    font-size: 24px;*/
/*    cursor: pointer;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-count-add-to-list {*/
/*    width: 38%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    background: #ffb502;*/
/*    cursor: pointer;*/
/*}*/

/*.wrap-page-quiz-footer-bottom-left-step5-cs {*/
/*    position: absolute;*/
/*    right: 40px;*/
/*    width: 365px;*/
/*    bottom: 100px;*/
/*    height: auto;*/
/*    !* z-index: -1; *!*/
/*    padding: 20px;*/
/*    background-color: #ededed;*/
/*    border-top-left-radius: 40px;*/
/*    border-top-right-radius: 40px;*/
/*}*/
/*.wrap-page-quiz-footer-bottom-left-step5.bottom-left-step-active {*/
/*    !*display: block;*!*/
/*}*/
/*.wrap-page-quiz-footer-bottom-left-step5-preend-title {*/
/*    text-align: left;*/
/*    font-size: 24px;*/
/*    font-weight: bold;*/
/*    padding-bottom: 15px;*/
/*    padding-top: 5px;*/
/*}*/
/*.wrap-page-quiz-footer-bottom-left-step5-preend {*/
/*    margin-bottom: 10px;*/
/*    max-height: calc(100vh - 270px);*/
/*    overflow: auto;*/
/*    padding-top: 10px;*/
/*    position: relative;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-footer {*/
/*        border: 2px solid #ededed;*/
/*    position: relative;*/
/*    width: 100%;*/
/*    min-width: 300px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding-left: 0px;*/
/*    height: 100%;*/
/*    padding-right: 40px;*/
/*    background: #fff;*/
/*    margin-bottom: 5px;*/
/*    box-shadow: 0px 0px 0px #000;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-delete-footer {*/
/*    position: absolute;*/
/*    background-color: #f00;*/
/*    color: #fff;*/
/*    top: -2px;*/
/*    cursor: pointer;*/
/*    left: -2px;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    font-weight: bold;*/
/*    font-size: 12px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-title-footer {*/
/*    font-weight: 700;*/
/*    text-align: left;*/
/*    font-size: 14px;*/
/*    line-height: 14px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-image-footer {*/
/*    text-align: left;*/
/*    padding-bottom: 0px;*/
/*    max-height: 76px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-image-footer img {*/
/*    width: 60px;*/
/*    min-width: 60px;*/
/*    max-height: 60px;*/
/*    object-fit: contain;*/
/*    object-position: center;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-title-select-footer {*/
/*    padding-left: 10px;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-select-footer {*/
/*    padding: 0;*/
/*    font-size: 12px;*/
/*    height: auto;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-count-footer {*/
/*    height: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 0px;*/
/*    flex-direction: column;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    border: 1px solid #000;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-count-val-footer {*/
/*    width: 30px;*/
/*    height: 33.333%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 16px;*/
/*	background: #ffb502;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-count-plus-footer, .wrap-page-quiz-body-step-5-item-block-item-count-minus-footer {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    font-size: 24px;*/
/*    cursor: pointer;*/
/*    height: 33.333%;*/
/*}*/

/*.wrap-page-quiz-body-step-5-item-block-item-count-plus-footer {*/
/*    border-bottom: 1px solid #000;*/
/*}*/
/*.wrap-page-quiz-body-step-5-item-block-item-count-minus-footer {*/
/*    border-top: 1px solid #000;*/
/*}*/

.wrap-page-quiz-body-step-5-item-block-item-image .hover-image {
    display: none;
}
.wrap-page-quiz-body-step-5-item-block-item-wrap-item-hover .wrap-page-quiz-body-step-5-item-block-item-image .hover-image {
    display: block;
}
.wrap-page-quiz-body-step-5-item-block-item-wrap-item-hover .wrap-page-quiz-body-step-5-item-block-item-image .nohover-image {
    display: none;
}

.wrap-page-quiz-body-step-5-item-block-item-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.wrap-page-quiz-body-step-5-item-block-item-label span {
    color: #fff;
    background: #ffb502;
    display: inline-block;
    border-radius: 16px;
    font-size: 12px;
    font-weight: bold;
    padding: 0 8px;
}
.wrap-page-quiz-body-step-5-item-block-item-click {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.wrap-page-quiz-body-step-5-item-block-item-noclick .wrap-page-quiz-body-step-5-item-block-item-click {
    display: none;
}





.page-template-tpl-quiz .below-content {
    display: none;
}
.page-template-tpl-quiz .site-footer {
    display: none;
}
.page-template-tpl-quiz .copyright {
    display: none;
}

.wrap-page-quiz-body-step-1 {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-top: 45px;
    margin-bottom: 230px;
    /*align-items: center;*/
}
.wrap-page-quiz-body-step-1-left {
    width: 570px;
}
.wrap-page-quiz-body-step-2-left {
    width: 570px;
}
.wrap-page-quiz-body-step-1-left-title {
    margin-bottom: 40px;
    color: #171B1C;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.wrap-page-quiz-body-step-2-left-title {
    margin-bottom: 40px;
    color: #171B1C;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.wrap-page-quiz-body-step-1-left-text {
    margin-bottom: 60px;
    display: none;
    color: #171B1C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 78px;
}
.wrap-page-quiz-body-step-2-left-text {
    margin-bottom: 60px;
    display: none;
    color: #171B1C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.wrap-page-quiz-body-step-2-left-text-hide {
    padding-top: 20px;
}
.wrap-page-quiz-body-step-2-left-text-hide span {
    color: #ACACAC;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2023/12/ic_round-expand-more-4.svg);
    background-position: right 1px;
}
.wrap-page-quiz-body-step-2-left-text-more {
    padding-top: 20px;
}
.wrap-page-quiz-body-step-2-left-text-more span {
    color: #F69924;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2023/12/ic_round-expand-more-3.svg);
    background-position: right 1px;
}
.wrap-page-quiz-body-step-2-left-text-long {
    display: none;
}
.wrap-page-quiz-body-step-2-left-text-show .wrap-page-quiz-body-step-2-left-text-short {
    display: none;
}
.wrap-page-quiz-body-step-2-left-text-show .wrap-page-quiz-body-step-2-left-text-long {
    display: block;
}
.wrap-page-quiz-body-step-1-left-text.wrap-page-quiz-body-step-1-left-text-active {
    display: block;
}
.wrap-page-quiz-body-step-1-right-images-block {
    display: none;
}
.wrap-page-quiz-body-step-1-right-images-block-active {
    display: block;
}
.wrap-page-quiz-body-step-1-right-images-block img {
    width: 100%;
    max-height: 460px;
    object-fit: contain;
    object-position: center;
}
.wrap-page-quiz-body-step-1-left-subtitle {
    color: #ACACAC;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
}
.wrap-page-quiz-body-step-2-left-subtitle {
    color: #ACACAC;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
}
/*.wrap-page-quiz-body-step-1-left-after-text {*/
/*    display: none;*/
/*    padding-top: 30px;*/
/*}*/
/*.wrap-page-quiz-body-step-1-left-after-text-active {*/
/*    display: block;*/
/*}*/
/*.wrap-page-quiz-body-step-1-left-after-list {*/
/*    display: none;*/
/*    padding-top: 30px;*/
/*}*/
/*.wrap-page-quiz-body-step-1-left-after-list-active {*/
/*    display: block;*/
/*}*/
.wrap-page-quiz-body-step-1-left-types {
    max-width: 100%;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.wrap-page-quiz-body-step-2-left-types {
    max-width: 100%;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.wrap-page-quiz-body-step-1-left-types-block {
    width: calc(25% - 9px);
    text-align: center;
}
.wrap-page-quiz-body-step-2-left-types-block {
    width: 135px;
    text-align: center;
}
.wrap-page-quiz-body-step-1-left-types-block-label {
    display: block;
    border-radius: 20px;
    border: 1px solid #171B1C;
    color: #171B1C;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 9px;
    cursor: pointer;
}
.wrap-page-quiz-body-step-2-left-types-block-label {
    display: block;
    border-radius: 20px;
    border: 1px solid #171B1C;
    color: #171B1C;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 9px;
    cursor: pointer;
}
/*.wrap-page-quiz-body-step-1-left-types-block:nth-child(n+7) {*/
/*    display: none;*/
/*}*/
/*.wrap-page-quiz-body-step-1-left-trailer-all .wrap-page-quiz-body-step-1-left-types-block:nth-child(n+7) {*/
/*    display: block;*/
/*}*/
.wrap-page-quiz-body-step-1-left-types-more {
    display: none;
}
.wrap-page-quiz-body-step-1-left-types-more-button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    gap: 10px;
    width: calc(33.3334% - 8px);
    text-align: center;
    margin-top: 20px;
    border-radius: 20px;
    border: 1px solid #171B1C;
    color: #171B1C;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    padding: 9px;
    align-items: center;
}
.wrap-page-quiz-body-step-1-left-types-more-button span {
    height: 17px;
    display: block;
}
.wrap-page-quiz-body-step-1-right {
    width: calc(100% - 620px);
    height: 400px;
}
.wrap-page-quiz-body-step-2-right {
    width: calc(100% - 620px);
}
.wrap-page-quiz-body-step-1-right-images {
    position: relative;
}
.wrap-page-quiz-body-step-1-left-types-block input {
    display: none;
}
.wrap-page-quiz-body-step-2-left-types-block input {
    display: none;
}
.wrap-page-quiz-body-step-1-left-types-block input:checked+label {
    background: #171B1C;
    color: #fff;
}
.wrap-page-quiz-body-step-2-left-types-block input:checked+label {
    background: #171B1C;
    color: #fff;
}

/*.wrap-page-quiz-body-step-6-left {*/
/*    width: calc(50% - 25px);*/
/*}*/
/*.wrap-page-quiz-body-step-6-right {*/
/*    width: calc(50% - 25px);*/
/*}*/
/*.wrap-page-quiz-body-step-6-left-title {*/
/*    font-size: 36px;*/
/*    line-height: 50px;*/
/*    font-weight: 700;*/
/*    margin-bottom: 25px;*/
/*}*/
/*.wrap-page-quiz-body-step-6-left-text {*/
/*    font-size: 18px;*/
/*    line-height: 30px;*/
/*    margin-bottom: 25px;*/
/*}*/
/*.wrap-page-quiz-body-step-6-left-form-row {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    gap: 24px;*/
/*    margin-bottom: 25px;*/
/*}*/
/*.wrap-page-quiz-body-step-6-left-form-row-item {*/
/*    width: calc(50% - 12px);*/
/*}*/
/*.wrap-page-quiz-body-step-6-left-form-row-item-textarea {*/
/*    width: 100%;*/
/*}*/
/*.wrap-page-quiz-body-step-6-left-text-notice {*/
/*    font-size: 16px;*/
/*    line-height: 24px;*/
/*    margin-bottom: 25px;*/
/*    color: rgba(93,124,137,.5);*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-similar-product-title {*/
/*	font-size: 18px;*/
/*    line-height: 30px;*/
/*	    font-weight: 700;*/
/*    width: 150px;*/
/*    padding-top: 5px;*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-similar-product-content {*/
/*    width: calc(100% - 150px);*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-similar-product-content a {*/
/*    background: linear-gradient(77.76deg,#3F51B5 -11.37%,#2196F3 119.7%);*/
/*    border-radius: 0.5rem;*/
/*    padding: 5px;*/
/*    transform: rotate(0deg);*/
/*    color: white!important;*/
/*    -webkit-text-fill-color: white;*/
/*    line-height: 1.5;*/
/*    width: max-content;*/
/*    text-align: center;*/
/*    margin: 5px auto;*/
/*    margin-right: 10px;*/
/*    display: inline-block;*/
/*    font-size: 14px;*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-similar-product {*/
/*	display: none;*/
/*    flex-wrap: wrap;*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-similar-product.wrap-page-quiz-body-step-6-right-row-similar-product-active {*/
/*	display: flex;*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-title {*/
/*    font-size: 36px;*/
/*    line-height: 50px;*/
/*    font-weight: 700;*/
/*    margin-bottom: 14px;*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-title {*/
/*    font-size: 24px;*/
/*    line-height: 50px;*/
/*    font-weight: 700;*/
/*    margin-bottom: 15px;*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-wrap {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    gap: 20px;*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-wrap ul li span {*/
/*    display: inline-block;*/
/*    width: 25px;*/
/*    text-align: center;*/
/*    color: #ffff;*/
/*    background-color: #000;*/
/*    border-radius: 5px;*/
/*    margin-right: 5px;*/
/*    font-weight: bold;*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-wrap-item {*/
/*    width: calc(50% - 10px);*/
/*    display: flex;*/
/*    font-size: 18px;*/
/*    line-height: 30px;*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-wrap-item-label {*/
/*    font-weight: 700;*/
/*}*/
/*.wrap-page-quiz-body-step-6-right-row-wrap-item-value {*/
/*    padding-left: 25px;*/
/*}*/
/*.wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-error {*/
/*    border: 1px solid #f60a0a;*/
/*    background-position: right 20px center;*/
/*    background-repeat: no-repeat;*/
/*    background-image: url("/wp-content/uploads/2023/10/icon-invalid.svg");*/
/*}*/
/*.wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-secusful {*/
/*    border: 1px solid #34c759;*/
/*    background-position: right 20px center;*/
/*    background-repeat: no-repeat;*/
/*    background-image: url("/wp-content/uploads/2023/10/icon-valid.svg");*/
/*}*/
/*.wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-error:focus {*/
/*    border: 1px solid #f60a0a;*/
/*    background-position: right 20px center;*/
/*    background-repeat: no-repeat;*/
/*    background-image: url("/wp-content/uploads/2023/10/icon-invalid.svg");*/
/*}*/
/*.wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-secusful:focus {*/
/*    border: 1px solid #34c759;*/
/*    background-position: right 20px center;*/
/*    background-repeat: no-repeat;*/
/*    background-image: url("/wp-content/uploads/2023/10/icon-valid.svg");*/
/*}*/
.wrap-page-quiz-body-step-7 {
    padding-top: 75px;
    padding-bottom: 150px;
}
.wrap-page-quiz-body-step-7-title {
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: center;
    padding-top: 50px;
}
.wrap-page-quiz-body-step-7-text {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 25px;
    text-align: center;
}

.wrap-page-quiz-footer-bottom-left-step3-arrow-left {
    width: 22px;
    height: 22px;
    background-image: url(/wp-content/uploads/2023/10/cd-icon-arrow.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 0px -21px;
    cursor: pointer;
    transform: rotate(180deg);
    top: 50%;
    margin-top: -11px;
    z-index: 444;
    position: fixed;
    left: 15px;
    display: none;
}
.wrap-page-quiz-footer-bottom-left-step3-arrow-right {
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url(/wp-content/uploads/2023/10/cd-icon-arrow.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 0px -23px;
    cursor: pointer;
    right: 0;
    top: 50%;
    margin-top: -11px;
    z-index: 444;
    display: none;
    position: fixed;
    right: 395px;
}
.wrap-page-quiz-footer-bottom-left-step3-arrow-left.wrap-page-quiz-footer-bottom-left-step3-arrow-active, .wrap-page-quiz-footer-bottom-left-step3-arrow-right.wrap-page-quiz-footer-bottom-left-step3-arrow-active {
    display: block;
}
.wrap-page-quiz-body-step-5-item-block-item-count {
    display: none;
}
.wrap-page-quiz-head-steps-item.disable-active-head {
    color: rgba(93,124,137,.5);
    pointer-events: none;
}
.wrap-page-quiz-head-steps-item.disable-active-head:hover {
    color: rgba(93,124,137,.5);
    pointer-events: none;
}
.wrap-page-quiz-head-steps-item.head-step-action.disable-active-head {
    border-color: #ffb500;
    color: #ffb500;
}
.bottom-left-step3-arrow-active {
    display: none;
}
.bottom-left-step3-arrow-wrap {
    display: none;
}
.bottom-left-step5-arrow-wrap {
    display: none;
}
.bottom-left-step1-proggres {
    width: 300px;
}
.bottom-left-step1-proggres-title {
    font-size: 14px;
    padding-bottom: 10px;
}
.bottom-left-step1-proggres-line {
    background: #aebdc4;
    width: 100%;
    height: 5px;
    border-radius: 5px;
}
.bottom-left-step1-proggres-line-active {
    height: 5px;
    border-radius: 5px;
    background: #ffb502;
    width: 0%;
    margin-top: -5px;
}

.bottom-left-step2-proggres {
    width: 300px;
}
.bottom-left-step2-proggres-title {
    font-size: 14px;
    padding-bottom: 10px;
}
.bottom-left-step2-proggres-line {
    background: #aebdc4;
    width: 100%;
    height: 5px;
    border-radius: 5px;
}
.bottom-left-step2-proggres-line-active {
    height: 5px;
    border-radius: 5px;
    background: #ffb502;
    width: 20%;
    margin-top: -5px;
}

.bottom-left-step3-proggres {
    width: 300px;
}
.bottom-left-step3-proggres-title {
    font-size: 14px;
    padding-bottom: 10px;
}
.bottom-left-step3-proggres-line {
    background: #aebdc4;
    width: 100%;
    height: 5px;
    border-radius: 5px;
}
.bottom-left-step3-proggres-line-active {
    height: 5px;
    border-radius: 5px;
    background: #ffb502;
    width: 40%;
    margin-top: -5px;
}

.bottom-left-step4-proggres {
    width: 300px;
}
.bottom-left-step4-proggres-title {
    font-size: 14px;
    padding-bottom: 10px;
}
.bottom-left-step4-proggres-line {
    background: #aebdc4;
    width: 100%;
    height: 5px;
    border-radius: 5px;
}
.bottom-left-step4-proggres-line-active {
    height: 5px;
    border-radius: 5px;
    background: #ffb502;
    width: 60%;
    margin-top: -5px;
}

.bottom-left-step5-proggres {
    width: 300px;
}
.bottom-left-step5-proggres-title {
    font-size: 14px;
    padding-bottom: 10px;
}
.bottom-left-step5-proggres-line {
    background: #aebdc4;
    width: 100%;
    height: 5px;
    border-radius: 5px;
}
.bottom-left-step5-proggres-line-active {
    height: 5px;
    border-radius: 5px;
    background: #ffb502;
    width: 80%;
    margin-top: -5px;
}

.bottom-left-step6-proggres {
    width: 300px;
}
.bottom-left-step6-proggres-title {
    font-size: 14px;
    padding-bottom: 10px;
}
.bottom-left-step6-proggres-line {
    background: #aebdc4;
    width: 100%;
    height: 5px;
    border-radius: 5px;
}
.bottom-left-step6-proggres-line-active {
    height: 5px;
    border-radius: 5px;
    background: #ffb502;
    width: 100%;
    margin-top: -5px;
}
.wrap-page-quiz-body-step-3-item-block-item-new-remove {
    box-shadow: 0 0.3px 0.4px hsla(230, 13%, 9%, 0.02), 0 0.9px 1.5px hsla(230, 13%, 9%, 0.045), 0 3.5px 6px hsla(230, 13%, 9%, 0.09),0 0 0 2px #ffb502;
}
.wrap-page-quiz-body-step-3-item-block-item-new-remove .choice-img__input {
    opacity: 1;
}
.wrap-page-quiz-body-step-3-item-block-item-image-new {
    position: relative;
}
.choice-img__input {
    position: absolute;
    top: -2px;
    right: -2px;
    border-radius: 6px;
    transform: translate(1px,-1px);
    background-color: #ffb502;
    width: 100px;
    height: 100px;
    -webkit-clip-path: polygon(15% 0%,100% 0%,100% 85%);
    clip-path: polygon(15% 0%,100% 0%,100% 85%);
    pointer-events: none;
    opacity: 0;
}
.choice-img__input .icon {
    position: absolute;
    top: calc((40px - 16px)/2);
    right: calc((40px - 16px)/2);
    font-size: 26px;
    color: hsl(0, 0%, 100%);

    height: 26px;
    width: 26px;
    display: inline-block;
    fill: currentColor;
    line-height: 1;
    flex-shrink: 0;
    max-width: initial;
}


.wrap-page-quiz-body-step-3-item-block-item-image-new img {
    border-radius: 6px;
    width: 100%;
    max-height: 170px;
    object-position: center;
    object-fit: contain;
}
.wrap-page-quiz-body-step-3-item-block-item-title-cat-new {
    font-size: 17px;
    font-weight: 700;
    text-align: left;
    padding: 5px 15px;
}
.wrap-page-quiz-body-step-3-item-block-item-title-new {
    padding: 5px 15px 15px;
    position: relative;
    font-size: 14px;
	position: absolute !important;
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 5px;
}

.wrap-page-quiz-body-step-5-item-block-item-new-remove {
    box-shadow: 0 0.3px 0.4px hsla(230, 13%, 9%, 0.02), 0 0.9px 1.5px hsla(230, 13%, 9%, 0.045), 0 3.5px 6px hsla(230, 13%, 9%, 0.09),0 0 0 2px #ffb502;
}
/*.wrap-page-quiz-body-step-5-item-block-item-new-remove .choice-img__input {*/
/*    opacity: 1;*/
/*}*/
.wrap-page-quiz-body-step-5-item-block-item-title-new {
    padding: 5px 15px 15px;
    position: relative;
    font-size: 14px;
}
.list-overfloy-3 {
    display: none
}
.list-overfloy-5 {
    display: none
}
.wrap-page-quiz {
    max-width: 1400px;
    margin: auto;
}
.bottom-left-step-proggres-items {
    display: flex;
}
.bottom-left-step-proggres-item-circle {
    width: 30px;
    height: 30px;
    background-color: #FFD8B1;
    border-radius: 50%;
    margin-bottom: 20px;
    display: block;
}
.bottom-left-step-proggres-item-text-1 {
    color: #ACACAC;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.5px;
}
.bottom-left-step-proggres-item-text-2 {
    color: #171B1C;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding-top: 5px;
}
.bottom-left-step-proggres-item-text-3 {
    color: #ACACAC;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 10px;
}
.bottom-left-step-proggres-item {
    width: 210px;
    position: relative;
}
.bottom-left-step-proggres-item:last-child {
    width: auto;
}
.bottom-left-step-proggres-item-line-1 {
    border-radius: 10px;
    background: #FFD8B1;
    width: 90px;
    height: 3px;
    position: absolute;
    left: 75px;
    top: 13px;
}
.complete-step .bottom-left-step-proggres-item-line-2 {
    border-radius: 10px;
    background: #FF6B00;
    width: 90px;
    height: 3px;
    position: absolute;
    left: 75px;
    top: 13px;
}
.in-progress .bottom-left-step-proggres-item-line-2 {
    border-radius: 10px;
    background: #FF6B00;
    width: 45px;
    height: 3px;
    position: absolute;
    left: 75px;
    top: 13px;
}
.in-progress .bottom-left-step-proggres-item-circle {
    border: 1px solid #FF6B00;
    background: #fff;
    position: relative;
}
.in-progress .bottom-left-step-proggres-item-circle:before {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    content: '';
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background: #FF6B00;
    border-radius: 50%;
}
.in-progress .bottom-left-step-proggres-item-text-3 {
    color: #FF6B00;
}
.in-progress .bottom-left-step-proggres-item-text-2 {
    font-weight: 700;
}
.complete-step .bottom-left-step-proggres-item-circle {
    background-color: #F69924;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/wp-content/uploads/2023/12/ic_round-done.svg");
}
.complete-step .bottom-left-step-proggres-item-text-3 {
    color: #F69924;
}
.bottom-left-step-proggres-item:last-child .bottom-left-step-proggres-item-line-1 {
    display: none;
}
.bottom-left-step-proggres-item.in-progress:last-child .bottom-left-step-proggres-item-line-2 {
    display: none;
}
.bottom-left-step-proggres-item.disable-active-footer {
    pointer-events: none;
}
.wrap-page-quiz-head {
    display: none;
}
.wrap-page-quiz-body-step-3-left-subtitle {
    color: #ACACAC;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
}
.wrap-page-quiz-body-step-3-title {
    margin-bottom: 40px;
    color: #171B1C;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.wrap-page-quiz-body-step-3-text {
    margin-bottom: 60px;
    color: #171B1C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 570px;
}
.wrap-page-quiz-footer-bottom-left-step3-cs {
    position: absolute;
    top: 0;
    right: 0;
    width: 705px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 15px;
}
.wrap-page-quiz-footer-bottom-left-step3-preend-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 10px;
}
.wrap-page-quiz-footer-bottom-left-step3-preend {
    overflow: auto;
    display: flex;
    gap: 30px;
    padding-bottom: 10px;
    /*flex-wrap: wrap;*/
    padding-right: 150px;
}
.wrap-page-quiz-body-step-3-item-block-item-footer:last-child {
    max-width: 130px;
    min-width: 130px;
}
.wrap-page-quiz-body-step-3-item-block-item-footer {
    position: relative;
    width: auto;
    max-width: 130px;
    min-width: 100px;
}
.wrap-page-quiz-body-step-3-item-block-item-image-footer {
    text-align: center;
    display: flex;
    justify-content: center;
}

.wrap-page-quiz-body-step-3-item-block-item-image-footer img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    max-height: 60px;
    object-fit: contain;
    object-position: center;
}
.wrap-page-quiz-body-step-3-item-block-item-select-footer {
    color: #171B1C;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    height: 15px;
}
.wrap-page-quiz-body-step-3-item-block-item-count-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 80px;
    align-items: center;
    margin: auto;
    padding-top: 5px;
}
.wrap-page-quiz-body-step-3-item-block-item-count-plus-footer {
    width: 17px;
    height: 17px;
    font-size: 0;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/01/ic_round-plus.svg);
    cursor: pointer;
}
.wrap-page-quiz-body-step-3-item-block-item-count-minus-footer {
    width: 17px;
    height: 17px;
    font-size: 0;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/01/ic_round-minus.svg);
    cursor: pointer;
}
.wrap-page-quiz-body-step-3-item-block-item-count-val-footer {
    color: #171B1C;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}
.wrap-page-quiz-body-step-3-item-block-item-delete-footer {
    font-size: 0;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/01/material-symbols_delete-outline.svg);
    cursor: pointer;
}
.wrap-page-quiz-body-step-3-item-block-item-delete-footer:hover {
    background-image: url(/wp-content/uploads/2024/01/material-symbols_delete-outline-1.svg);
}
.wrap-page-quiz-body-step-3-item-block-item-select-footer-info-open {
    font-size: 0;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/01/material-symbols_info-outline-2.svg);
    cursor: pointer;
}
.wrap-page-quiz-body-step-3-item-block-item-select-footer-info .wrap-page-quiz-body-step-3-item-block-item-select-footer-info-text-overfloy {
    display: none;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    width: 320px;
    padding: 10px 10px 10px 30px;
    color: #ACACAC;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    top: 0;
    left: 115px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(/wp-content/uploads/2024/01/material-symbols_info-outline-3.svg);
    z-index: 10;
}
.wrap-page-quiz-body-step-3-item-block-item-select-footer-info-active .wrap-page-quiz-body-step-3-item-block-item-select-footer-info-text-overfloy {
    display: block;
}
.wrap-page-quiz-footer-bottom-left-step3-preend-wrap:after {
    content: '';
    width: 145px;
    height: calc(100% + 5px);
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(/wp-content/uploads/2024/01/blur.svg);
    background-size: 100%;
}
.wrap-page-quiz-footer-bottom-left-step3-preend-wrap {
    position: relative;
}
.wrap-page-quiz-body-step-3-item:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #FF6B00;
    display: block;
    left: 14px;
    top: 30px;
}
.number-countryy {
    background: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    line-height: 32px;
    text-align: center;
    border: 1px solid #FF6B00;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0px;
    left: 0px;
    font-size: 0;
}
.number-countryy:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 4px;
    left: 4px;
    content: '';
    display: block;
    background: #FF6B00;
}
.wrap-page-quiz-body-step-3-item-block-item {
    /*max-width: 255px;*/
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding-top: 10px;
    /*min-width: 190px;*/
    width: 100%;
    padding-bottom: 34px;
}
.wrap-page-quiz-body-step-3-item-block-item-image {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0 30px;
}
.wrap-page-quiz-body-step-3-item-block-item-image img {
    margin-top: 0;
    padding: 0;
    /*width: 120px;*/
    height: 110px;
    object-fit: contain;
    object-position: center;
    display: block;
}
.wrap-page-quiz-body-step-3-item-block-item-title {
    color: #171B1C;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 15px;
}
.wrap-page-quiz-body-step-3-item-title {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
}
.wrap-page-quiz-body-step-3-item-block-item-count-minus {
    width: 17px;
    height: 17px;
    font-size: 0;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/01/ic_round-minus.svg);
    cursor: pointer;
}
.wrap-page-quiz-body-step-3-item-block-item-count-plus {
    width: 17px;
    height: 17px;
    font-size: 0;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/01/ic_round-plus.svg);
    cursor: pointer;
}
.wrap-page-quiz-body-step-3-item-block-item-count-val {
    color: #171B1C;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}
.wrap-page-quiz-body-step-3-item-block-item-count {
    position: relative;
    z-index: 5;
    display: flex;
    width: 80px;
    margin: auto;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
}
.wrap-page-quiz-body-step-3-item-block-item-selected {
    padding: 6px 35px 6px 20px;
    position: absolute;
    height: 34px;
    overflow: hidden;
    color: #171B1C;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
    border: 0.5px solid #171B1C;
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 10px;
}
.wrap-page-quiz-body-step-3-item-block-item-selected:after {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    background-image: url("/wp-content/uploads/2024/01/ic_round-expand-more-4.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 20px;
}
.wrap-page-quiz-body-step-3-item-block-item-wrap-item {
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    position: relative;
}
.notice_info {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 7px;
    color: #ACACAC;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    bottom: -20px;
    left: 20px;
    background-position: 10px 10px;
    z-index: 10;
    display: none;
}
.wrap-page-quiz-body-step-3-item-block-item-wrap-item:hover .notice_info {
    display: block;
}
.wrap-page-quiz-body-step-3-item-block-item-wrap-item img {
    width: 14px;
    display: inline-block;
    margin-bottom: -3px;
}
.mySwiperStep3 {
    height: 360px;
    overflow: hidden;
    position: relative;
}
.mySwiperStep3.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}
.mySwiperStep3 .swiper-slide.swiper-slide-next .wrap-page-quiz-body-step-3-item {
    margin-top: -60px;
}
.mySwiperStep3 .swiper-slide.swiper-slide-next .wrap-page-quiz-body-step-3-item:before {
    /*display: none;*/
    top: 0px;
}
.mySwiperStep3 .swiper-slide.swiper-slide-next .wrap-page-quiz-body-step-3-item .number-countryy {
    display: none;
}
.mySwiperStep3 .swiper-slide.swiper-slide-next .wrap-page-quiz-body-step-3-item .wrap-page-quiz-body-step-3-item-title-wrap {
    display: none;
}
.mySwiperStep3 .swiper-slide.swiper-slide-next .wrap-page-quiz-body-step-3-item:after {
    content: '';
    display: block;
    z-index: 10;
    position: absolute;
    bottom: 160px;
    left: 0px;
    width: 100%;
    height: 120px;
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, 0.5) 50%, rgb(250 250 250) 100%);
    backdrop-filter: blur(0px);
    pointer-events: none;
    z-index: 4;
}

.step-3-swiper-button-next {
    width: 45px;
    height: 160px;
    background-position: center bottom 10px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/01/ic_round-expand-more-7.svg);
    background-color: #F69924;
    position: absolute;
    right: 20px;
    bottom: 70px;
    cursor: pointer;
    z-index: 5;
    border-radius: 5px;
}
.step-3-swiper-button-next span {
    transform: rotate(90deg);
    display: block;
    width: 160px;
    position: relative;
    top: 72px;
    right: 56px;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    padding-left: 20px;
}
.step-3-swiper-button-prev {
    width: 45px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/01/ic_round-expand-more.svg);
    background-color: #F69924;
    border-radius: 5px;
    position: absolute;
    right: 20px;
    top: 70px;
    cursor: pointer;
    z-index: 5;
    /*transform: rotate(180deg);*/
}
.step-3-swiper-button-next.swiper-button-disabled {
    opacity: 1;
    cursor: not-allowed;
    background-color: #ACACAC;
    /*background-image: url(/wp-content/uploads/2024/01/up.svg);*/
    /*transform: rotate(180deg);*/
}
.step-3-swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: not-allowed;
    background-color: #ACACAC;
}
.wrap-page-quiz-body-step-3-item-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}
.wrap-page-quiz-body-step-3-item-paged {
    color: #ACACAC;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.5px;
}
.wrap-page-quiz-footer-bottom-left-step3-preend-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.wrap-page-quiz-footer-bottom-left-step3-preend-delete-all {
    color: #ACACAC;
    font-size: 10px;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    display: none;
}
.wrap-page-quiz-body-step-3-item-block-item.wrap-page-quiz-body-step-3-item-block-item-check {
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(/wp-content/uploads/2024/01/selected.svg);
}
.bottom-left-step3-arrow-wrap-bottom {
    position: fixed;
    bottom: 130px;
    width: 100%;
    left: 0;
    text-align: center;
    display: none;
}
.bottom-left-step3-arrow-wrap-bottom-open-cont span {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-image: url(/wp-content/uploads/2024/01/streamline_school-bus-side-1.svg);
    color: #F69924;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    padding: 7px 35px 7px 15px;
}

.bottom-left-step3-arrow-wrap-bottom-open-cont {
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #F69924;
    cursor: pointer;
    width: 100%;
}
.wrap-page-quiz-body-step-4 {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-top: 45px;
    margin-bottom: 230px;
}
.wrap-page-quiz-body-step-4-left {
    width: 570px;
}
.wrap-page-quiz-body-step-4-right {
    width: calc(100% - 620px);
}
.wrap-page-quiz-body-step-4-left-subtitle {
    color: #ACACAC;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
}
/* .wrap-page-quiz-body-step-4-left-info-text-overfloy {
    display: none;
} */
.wrap-page-quiz-body-step-4-left-form-row-item-radio-field {
    display: flex;
    gap: 15px;
    padding-top: 20px;
}
.wrap-page-quiz-body-step-4-left-form-row-item-radio-field input {
    display: none;
}
.wrap-page-quiz-body-step-4-left-form-row-item-radio-field label {
    background-color: #000;
    font-weight: bold;
    color: #fff;
    padding: 7px 15px;
    border-radius: 29px;
    cursor: pointer;
    font-size: 13px;
    display: block;
}
.wrap-page-quiz-body-step-4-left-form-row-item-radio-field input:checked + label {
    background-color: #F69924;
}
.wrap-page-quiz-body-step-4-left-title-wrap {
    display: flex;
    gap: 10px;
    margin-bottom: 40px;
	flex-direction: column;
}
.wrap-page-quiz-body-step-4-left-title {
    color: #171B1C;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
}
.wrap-page-quiz-body-step-4-left-info-open {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/wp-content/uploads/2024/01/info.svg);
    cursor: pointer;
	display: none;
}
.wrap-page-quiz-body-step-4-left-info {
    position: relative;
}
.wrap-page-quiz-body-step-4-left-info-active .wrap-page-quiz-body-step-4-left-info-text-overfloy {
    display: block;
}
.wrap-page-quiz-body-step-4-left-info-active .wrap-page-quiz-body-step-4-left-info-text {
    position: absolute;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 18px;
    width: 270px;
    color: #ACACAC;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    bottom: 0;
    cursor: pointer;
}
.wrap-page-quiz-body-step-4-left-info-text a {
    display: block;
    color: #fff;
/*     font-size: 10px; */
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
/*     padding-top: 10px; */
}
.wrap-page-quiz-body-step-4-left-info-text a:hover {
	color: #fff !important;
}
.wrap-page-quiz-body-step-4-left-info-text {
    display: inline-block;
    background: #F69924;
    border-radius: 10px;
    padding: 10px 15px;
    color: #fff;
    font-size: 12px;
}
.wrap-page-quiz-body-step-4-left-text {
    color: #171B1C;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 40px;
}
.wrap-page-quiz-body-step-4-left-text span {
    color: #FF6B00;
}
.wrap-page-quiz-body-step-4-left-after-list-item {
    width: 290px;
    border-radius: 10px;
    background: #FFF;
    display: flex;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    justify-content: space-between;
    padding: 10px 10px 10px 30px;
    /* height: 40px; */
    margin-bottom: 10px;
}
.wrap-page-quiz-body-step-4-left-after-list-item-text {
    display: flex;
    gap: 20px;
    align-items: center;
}
.wrap-page-quiz-body-step-4-left-after-list-item-image {
    display: flex;
}
.wrap-page-quiz-body-step-4-left-after-list-item-text-list {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    color: #F69924;
}
.wrap-page-quiz-body-step-4-left-after-list-item-info {
    display: flex;
    position: relative;
}
.wrap-page-quiz-body-step-4-left-after-list-item-info img {
    cursor: pointer;
}
.wrap-page-quiz-body-step-4-left-after-list-item-info-text {
    display: none;
    position: absolute;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    width: 260px;
    padding: 15px;
    color: #ACACAC;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    left: 0;
    bottom: 20px;
}
.wrap-page-quiz-body-step-4-left-after-list-item-info img:hover + .wrap-page-quiz-body-step-4-left-after-list-item-info-text {
    display: block;
}
.wrap-page-quiz-body-step-4-right-images .swiper-pagination {
    display: none;
}
.wrap-page-quiz-body-step-4-right-images .elementor-swiper-button {
    width: 37px;
    height: 37px;
    font-size: 0;
    top: inherit;
    bottom: 0px;
    transform: inherit;
}
.wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-prev {
    background-image: url(/wp-content/uploads/2023/12/Group-20.svg);
    background-size: 100%;
    transform: rotate(180deg);
    left: calc(50% - 60px);
}
.wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-next {
    background-image: url(/wp-content/uploads/2023/12/Group-20.svg);
    background-size: 100%;
    right: calc(50% - 60px);
}
.wrap-page-quiz-body-step-5 {
    margin-top: 45px;
    margin-bottom: 230px;
    position: relative;
}
.wrap-page-quiz-body-step-5-left-subtitle {
    color: #ACACAC;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
}
.wrap-page-quiz-body-step-5-item-title {
    margin-bottom: 40px;
    color: #171B1C;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.wrap-page-quiz-body-step-5-item-title-desc {
    margin-bottom: 60px;
    color: #171B1C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 570px;
}
.wrap-page-quiz-footer-bottom-left-step5-cs {
    position: absolute;
    top: 0;
    right: 0;
    width: 705px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 15px;
    min-height: 169px;
}
.bottom-left-step5-arrow-wrap-bottom {
    position: fixed;
    bottom: 130px;
    width: 100%;
    left: 0;
    text-align: center;
    display: none;
}
.bottom-left-step5-arrow-wrap-bottom-open-cont {
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #F69924;
    cursor: pointer;
    text-align: center;
    width: 100%;
}
.bottom-left-step5-arrow-wrap-bottom-open-cont span {
    display: inherit;
    color: #F69924;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    padding: 7px 35px 7px 15px;
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-image: url(/wp-content/uploads/2024/01/streamline_school-bus-side-1.svg);
}
.bottom-left-step5-arrow-wrap-bottom-close {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.bottom-left-step5-arrow-wrap-bottom-close-button {
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #F69924;
    cursor: pointer;
    text-align: center;
    width: 100%;
}
.bottom-left-step5-arrow-wrap-bottom-close-button span {
    color: #F69924;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    padding: 7px 35px 7px 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-image: url(/wp-content/uploads/2024/01/gg_list.svg);
}
.wrap-page-quiz-footer-bottom-left-step5-preend-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.wrap-page-quiz-footer-bottom-left-step5-preend-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 20px;
}
.wrap-page-quiz-footer-bottom-left-step5-preend-delete-all {
    color: #ACACAC;
    font-size: 10px;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    display: none;
}
.wrap-page-quiz-footer-bottom-left-step5-preend-wrap {
    position: relative;
}
.wrap-page-quiz-footer-bottom-left-step5-preend {
    /*overflow: auto;*/
    display: flex;
    gap: 30px;
    padding-bottom: 10px;
    /*padding-right: 150px;*/
}
/*.wrap-page-quiz-footer-bottom-left-step5-preend-wrap:after {*/
/*    content: '';*/
/*    width: 145px;*/
/*    height: calc(100% + 5px);*/
/*    display: block;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    background-image: url(/wp-content/uploads/2024/01/blur.svg);*/
/*    background-size: 100%;*/
/*}*/
wrap-page-quiz-body-step-5-item-block-item-footer {
    position: relative;
    width: auto;
}
.wrap-page-quiz-body-step-5-item-block-item-image-footer {
    text-align: center;
    display: flex;
    justify-content: center;
}
.wrap-page-quiz-body-step-5-item-block-item-select-footer {
    color: #171B1C;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    height: 15px;
    margin-top: 5px;
}
.wrap-page-quiz-body-step-5-item-block-item-title-footer {
    color: #171B1C;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    height: 15px;
    margin-top: 10px;
}
.wrap-page-quiz-body-step-5-item-block-item-delete-footer {
    font-size: 0;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/01/material-symbols_delete-outline.svg);
    cursor: pointer;
}
.wrap-page-quiz-body-step-5-item-block-item-delete-footer:hover {
    background-image: url(/wp-content/uploads/2024/01/material-symbols_delete-outline-1.svg);
}
.wrap-page-quiz-body-step-5-item-block-item-image-footer {
    text-align: center;
    display: flex;
    justify-content: center;
}
.wrap-page-quiz-body-step-5-item-block-item-image-footer img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    max-height: 60px;
    object-fit: contain;
    object-position: center;
}
.wrap-page-quiz-body-step-5-item-block-item-count-footer {
    display: none;
}
.wrap-page-quiz-body-step-5-item-block-item-select-footer {
    display: none;
}
.wrap-page-quiz-body-step-5-item-block-item-footer {
    position: relative;
    width: auto;
    max-width: 130px;
    min-width: 100px;
}
.wrap-page-quiz-body-step-5-item-wrap {
    position: relative;
    padding-left: 50px;
}
.wrap-page-quiz-body-step-5-item-wrap:last-child:before {
    height: calc(100% - 30px);
}
.wrap-page-quiz-body-step-5-item-wrap:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #FF6B00;
    display: block;
    left: 14px;
    top: 30px;
}
.wrap-page-quiz-body-step-5-item-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}
.wrap-page-quiz-body-step-5-item-wrap-title {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
}
.wrap-page-quiz-body-step-5-item-block .swiper {
    overflow: inherit;
}
.wrap-page-quiz-body-step-5-item-block .swiper-wrapper {
    display: flex;
    gap: 30px;
    padding-right: 60px;
    flex-wrap: wrap;
}
.wrap-page-quiz-body-step-5-item-block .swiper-wrapper .swiper-slide {
    width: calc(20% - 25px);
}
.wrap-page-quiz-body-step-5-item-block-item-new {
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 20px;
    width: 100%;
}
.wrap-page-quiz-body-step-5-item-block-item-image-new {
    text-align: center;
    display: flex;
    justify-content: center;
}
.wrap-page-quiz-body-step-5-item-block-item-image-new img {
    margin-top: 0;
    padding: 0;
    width: 120px;
    height: 120px;
    object-fit: contain;
    object-position: center;
    display: block;
}
.wrap-page-quiz-body-step-5-item-block-item-title-cat-new {
    color: #171B1C;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding-top: 10px;
}
.wrap-page-quiz-body-step-5-item-block-item-new-remove {
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(/wp-content/uploads/2024/01/selected.svg);
}
.wrap-page-quiz-body-step-6 {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    margin-top: 45px;
    margin-bottom: 230px;
}
.wrap-page-quiz-body-step-6-right {
    width: 780px;
    /*width: calc(100% - 650px);*/
}
.wrap-page-quiz-body-step-6-left {
    /*width: 570px;*/
    width: calc(100% - 860px);
}
.wrap-page-quiz-body-step-6-right-subtitle {
    color: #ACACAC;
    font-size: 16px;
    font-style: italic;
    line-height: normal;
    padding-bottom: 10px;
}
.wrap-page-quiz-body-step-6-right-title {
    color: #171B1C;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 10px;
}
.wrap-page-quiz-body-step-6-right-row-search-product {
    color: #171B1C;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 10px;
}
.wrap-page-quiz-body-step-6-right-row-search-product .unique {
    color: #F69924;
}
.wrap-page-quiz-body-step-6-right-row-search-product a {
    border-radius: 5px;
    background: #f69924;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 10px 0px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    line-height: normal;
    display: block;
    width: 120px;
    margin-top: 20px;
}
.wrap-page-quiz-body-step-6-right-row-similar-product-title {
    color: #ACACAC;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 5px;
}
.wrap-page-quiz-body-step-6-right-row-similar-product-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.wrap-page-quiz-body-step-6-right-row-similar-product-content a {
    border-radius: 5px;
    background: #f69924;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 5px 7px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-title {
    padding-left: 50px;
    position: relative;
    margin-top: 30px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-title:before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 30px);
    background-color: #FF6B00;
    display: block;
    left: 14px;
    top: 30px;
}
.wrap-page-quiz-body-step-6-right-row-title-block {
    display: flex;
    gap: 40px;
}
.wrap-page-quiz-body-step-6-right-row-title {
    color: #ACACAC;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}
.wrap-page-quiz-body-step-6-right-row-title.wrap-page-quiz-body-step-6-right-row-title-active {
    color: #171B1C;
    text-decoration: underline dotted #f69924;
}
.wrap-page-quiz-body-step-6-left-title {
    color: #171B1C;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 10px;
    padding-top: 70px;
}
.wrap-page-quiz-body-step-6-left-text {
    display: none;
}
.wrap-page-quiz-body-step-6-left-form-row {
    margin-bottom: 20px;
    display: flex;
    gap: 30px;
}
.wrap-page-quiz-body-step-6-left-form-row:last-child {
    margin-top: 10px;
    width: 100%;
}
.wrap-page-quiz-body-step-6-left-form-row-item {
    width: 50%;
}
body .wrap-page-quiz-body-step-6-left-form-row-item input {
    border: none;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    color: #171B1C;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    padding: 15px 20px;
    border: 1px solid rgba(23, 27, 28, 0.10);
}
body .wrap-page-quiz-body-step-6-left-form-row-item-textarea textarea {
    height: 90px;
    resize: none;
    border: none;
    outline: none;
    padding: 15px 20px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    color: #171B1C;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    border: 1px solid rgba(23, 27, 28, 0.10);
}
body .wrap-page-quiz-body-step-6-left-form-row-item select {
    border: none;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    color: #7C7C7C;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    padding: 15px 20px;
    height: 46.5px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url("/wp-content/uploads/2024/01/tick.svg");
    margin: 0;
    border: 1px solid rgba(23, 27, 28, 0.10);
    width: 100%;
}
.wrap-page-quiz-body-step-6-left-text-notice {
    color: #ACACAC;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 20px;
}
.wrap-page-quiz-body-step-6-left-text-notice a {
    color: #FF6B00;
    text-decoration: underline;
}
.wrap-page-quiz-body-step-6-left-form-row-item-textarea {
    width: 100%;
}
body .wrap-page-quiz-body-step-6-left-form-row-item input::placeholder {
    color: #7C7C7C;
}
body .wrap-page-quiz-body-step-6-left-form-row-item-textarea textarea::placeholder {
    color: #7C7C7C;
}
body .wrap-page-quiz-body-step-6-left-form-row-item select::placeholder {
    color: #7C7C7C;
}
.wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-error {
    background-repeat: no-repeat;
    background-position: right 20px center;
    /*background-image: url("/wp-content/uploads/2024/01/cross-1.svg");*/
    background-image: url("/wp-content/uploads/cross-3.svg");
}
.wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-secusful {
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url("/wp-content/uploads/2024/01/tick.svg");
}
.wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-error:focus {
    background-repeat: no-repeat;
    background-position: right 20px center;
    /*background-image: url("/wp-content/uploads/2024/01/cross-1.svg");*/
    background-image: url("/wp-content/uploads/cross-3.svg");
}
.wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-secusful:focus {
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url("/wp-content/uploads/2024/01/tick.svg");
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-item {
    /*display: none;*/
    visibility: hidden;
    height: 0;
    /*overflow: hidden;*/
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-item.wrap-page-quiz-body-step-6-right-row-wrap-block-item-active {
    visibility: visible;
    height: 280px;
}
/*.wrap-page-quiz-body-step-6-right-row-wrap-block-item {*/
/*    height: 260px;*/
/*}*/
.wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info {
    display: flex;
    gap: 30px;
    height: 100%;
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-left {
    width: 160px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-right {
    width: calc(100% - 190px);
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-right-image {
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-right-image img {
    max-height: 100%;
    max-width: 100%;
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-left {
    width: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-left-top-size {
    color: #171B1C;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
}
.wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-left-top-name {
    color: #171B1C;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding-top: 5px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-block {
    margin-top: 30px;
}
.wrap-page-quiz-body-step-6-right-row-wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-item {
    display: flex;
    justify-content: space-between;
    color: #171B1C;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
}
.wrap-page-quiz-body-step-6-right-row-wrap-item-value {
    font-weight: 500;
}
.wrap-page-quiz-body-step-6-right-row-similar-product {
    display: none;
}
.wrap-page-quiz-body-step-6-right-row-similar-product.wrap-page-quiz-body-step-6-right-row-similar-product-active {
    display: block;
}
.wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item {
    display: flex;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 14px;
    gap: 5px;
    align-items: center;
    width: calc(33.3334% - 7px);
    height: 80px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item-left-image {
    display: flex;
}
.wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item-left-image img {
    width: 45px;
    height: 45px;
    object-position: center;
    object-fit: contain;
}
.wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item-right-name {
    color: #171B1C;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}
.wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item-right-count {
    color: #171B1C;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    padding-top: 10px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item-right-count span {
    font-weight: 500;
}
.wrap-page-quiz-body-step-6-right-row-wrap-addit-option {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-env-option-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-env-option-item {
    display: flex;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 14px;
    gap: 5px;
    align-items: center;
    width: calc(33.3334% - 7px);
    height: 80px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-left-image {
    display: flex;
    width: 45px;
    height: 45px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-left-image img {
    width: 45px;
    height: 45px;
    object-position: center;
    object-fit: contain;
}
.wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-right-name {
    color: #171B1C;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}
.wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-right-count {
    color: #171B1C;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    padding-top: 10px;
}
.wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-right-count span {
    font-weight: 500;
}
.wrap-page-quiz-body-step-6-right-row-wrap-env-option {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
/*.wrap-page-quiz-body-step-6-right-row-wrap-equipment-info {*/
/*    overflow: hidden;*/
/*    padding-bottom: 20px;*/
/*    padding-right: 10px;*/
/*}*/
.equipment-info-swiper-button-next {
    width: 116px;
    height: 45px;
    background-image: url(/wp-content/uploads/2024/01/ic_round-expand-more-1.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-position: right 5px center;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    z-index: 5;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    background-color: #F69924;
    border-radius: 5px;
    padding-left: 10px;
    line-height: 43px;
}
.equipment-info-swiper-button-prev {
    width: 45px;
    height: 45px;
    background-color: #F69924;
    background-image: url(/wp-content/uploads/2024/01/ic_round-expand-more-1-1.svg);
    position: absolute;
    right: 135px;
    bottom: 10px;
    cursor: pointer;
    z-index: 5;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
}
.equipment-info-swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: not-allowed;
	background-color: #ACACAC;
}
.equipment-info-swiper-button-next.swiper-button-disabled {
    opacity: 1;
    cursor: not-allowed;
	background-color: #ACACAC;
}
.equipmentInfoSummary {
    /*padding: 15px;*/
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
/*.equipmentInfoSummary .swiper-wrapper {*/
/*    gap: 5px;*/
/*}*/
.wrap-page-quiz-body-step-6-right-row-wrap-equipment-info {
    margin-left: -15px;
}
.step7-mobile {
    display: none;
    width: 100%;
    color: #fff;
    background: #F69924;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    border: 1px solid #F69924;
    line-height: 33px;
    position: relative;
    display: block;
    top: inherit;
    left: inherit;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next ul li.step7-mobile span {
    display: inline-block;
    position: relative;
    width: 17px;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next ul li.step7-mobile span:after {
    display: block;
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2023/12/ic_round-expand-more-1.svg);
    left: 0;
    top: -12px;
}
.step7-mobile-prev {
    display: none;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.next li.step7-mobile.nextnavitem-active {
    display: none;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li.step7-mobile-prev div {
    display: block;
    height: 100%;
    color: #ACACAC;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li.step7-mobile-prev div span {
    display: inline-block;
    position: relative;
    width: 17px;
}
.wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li.step7-mobile-prev div span:before {
    top: -13px;
    right: 0;
    position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/wp-content/uploads/2023/12/ic_round-expand-more.svg);
}
.wrap-page-quiz-body-step-6-right-row-wrap-equipment-info-more {
    display: none;
}
.wrap-page-quiz-body-step-6-right-row-wrap-addit-option-more {
    display: none;
}
.wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item-left-image {
    width: 45px;
    height: 45px;
}
.page-id-6732 .below-content {
    display: none;
}
.page-id-6732 .site-footer {
    display: none;
}
.page-id-6732 .copyright {
    display: none;
}
.elementor-main-swiper1 {
    position: static;
}
.elementor-main-swiper2 {
    position: static;
}
.elementor-main-swiper3 {
    position: static;
}
.elementor-main-swiper4 {
    position: static;
    overflow: hidden;
}
.elementor-main-swiper5 {
    position: static;
    overflow: hidden;
}
.bottom-left-step-proggres-items-mobile {
    display: none;
}
.wrap-page-quiz-body-step-4-left-text-mobile {
    display: none;
}
.wrap-page-quiz-body-step-4-left-info-text-close {
    display: none;
}
.wrap-page-quiz-body-step-3-item-block-item-select-footer-info-text-close {
    display: none;
}
.popup-notification-active.popup-notification {
    display: flex;
}
.popup-notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 15px;
    display: none;
}
.popup-notification-overfloy {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.popup-notification-wrap {
    position: relative;
    border-radius: 20px;
    background: var(--Main-colors-White, #FFF);
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 30px;
    max-width: 450px;
    box-sizing: content-box;
}
.popup-notification-wrap-content-close {
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/uploads/2024/01/ep_close.svg);
    right: 15px;
    top: 11px;
    cursor: pointer;
}
.popup-notification-wrap-content-title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding-top: 15px;
}
.popup-notification-wrap-content-text {
    text-align: center;
    padding-top: 20px;
}
.popup-notification-wrap-content-image {
    text-align: center;
    padding-top: 15px;
}
.popup-notification-wrap-content-image img {
    /*max-height: 150px;*/
}
.popup-notification-wrap-content-button-1 {
    text-align: center;
    margin-top: 20px;
}
.popup-notification-wrap-content-button-1 span {
    line-height: 35px;
    color: #fff;
    background: #F69924;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #F69924;
    display: inline-block;
    padding: 0 30px;
    cursor: pointer;
    width: 290px;
}
.popup-notification-wrap-content-button {
    text-align: center;
    margin-top: 15px;
}
.popup-notification-wrap-content-button span {
    line-height: 35px;
    color: #000;
    background: #acacac;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #acacac;
    display: inline-block;
    padding: 0 30px;
    cursor: pointer;
    width: 290px;
}
.nextnavitem-active-notice {
    position: relative;
}
.nextnavitem-active-notice:after {
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    height: 37px;
    cursor: pointer;
}




.wrap-page-quiz-body-step-1-left-title img {
    display: none;
    margin-bottom: -8px;
}

.popup-notification-step-1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 15px;
    display: none;
}
.popup-notification-step-1-overfloy {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.popup-notification-step-1-wrap {
    position: relative;
    border-radius: 20px;
    background: var(--Main-colors-White, #FFF);
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 75px 30px;
    max-width: 340px;
    box-sizing: content-box;
}
.popup-notification-step-1-wrap-content-close {
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/uploads/2024/01/ep_close.svg);
    right: 15px;
    top: 11px;
    cursor: pointer;
}
.popup-notification-step-1-wrap-content-text {
    text-align: center;
}
.popup-notification-step-1-wrap-content-text .wrap-page-quiz-body-step-1-left-text {
    margin-bottom: 0;
    height: auto;
    font-size: 14px;
}



.wrap-page-quiz-body-step-2-left-title img {
    display: none;
    margin-bottom: -8px;
}
.popup-notification-step-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 15px;
    display: none;
}
.popup-notification-step-2-overfloy {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.popup-notification-step-2-wrap {
    position: relative;
    border-radius: 20px;
    background: var(--Main-colors-White, #FFF);
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 75px 30px;
    max-width: 340px;
    box-sizing: content-box;
}
.popup-notification-step-2-wrap-content-close {
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/uploads/2024/01/ep_close.svg);
    right: 15px;
    top: 11px;
    cursor: pointer;
}
.popup-notification-step-2-wrap-content-text {
    text-align: center;
}
.popup-notification-step-2-wrap-content-text .wrap-page-quiz-body-step-2-left-text {
    margin-bottom: 0;
    height: auto;
    font-size: 14px;
}

.wrap-page-quiz-body-step-3-title img {
    display: none;
    margin-bottom: -8px;
}
.popup-notification-step-3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 15px;
    display: none;
}
.popup-notification-step-3-overfloy {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.popup-notification-step-3-wrap {
    position: relative;
    border-radius: 20px;
    background: var(--Main-colors-White, #FFF);
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 75px 30px;
    max-width: 340px;
    box-sizing: content-box;
}
.popup-notification-step-3-wrap-content-close {
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/uploads/2024/01/ep_close.svg);
    right: 15px;
    top: 11px;
    cursor: pointer;
}
.popup-notification-step-3-wrap-content-text {
    text-align: center;
}
.popup-notification-step-3-wrap-content-text .wrap-page-quiz-body-step-3-text {
    margin-bottom: 0;
    height: auto;
    font-size: 14px;
}


.wrap-page-quiz-body-step-4-left-title img {
    display: none;
    margin-bottom: -8px;
}
.popup-notification-step-4 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 15px;
    display: none;
}
.popup-notification-step-4-overfloy {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.popup-notification-step-4-wrap {
    position: relative;
    border-radius: 20px;
    background: var(--Main-colors-White, #FFF);
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 75px 30px;
    max-width: 340px;
    box-sizing: content-box;
}
.popup-notification-step-4-wrap-content-close {
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/uploads/2024/01/ep_close.svg);
    right: 15px;
    top: 11px;
    cursor: pointer;
}
.popup-notification-step-4-wrap-content-text {
    text-align: center;
}
.popup-notification-step-4-wrap-content-text .wrap-page-quiz-body-step-4-left-text {
    margin-bottom: 0;
    height: auto;
    font-size: 14px;
    display: block;
}


.wrap-page-quiz-body-step-5-item-title img {
    display: none;
    margin-bottom: -8px;
}
.popup-notification-step-5 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 15px;
    display: none;
}
.popup-notification-step-5-overfloy {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.popup-notification-step-5-wrap {
    position: relative;
    border-radius: 20px;
    background: var(--Main-colors-White, #FFF);
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    padding: 75px 30px;
    max-width: 340px;
    box-sizing: content-box;
}
.popup-notification-step-5-wrap-content-close {
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/uploads/2024/01/ep_close.svg);
    right: 15px;
    top: 11px;
    cursor: pointer;
}
.popup-notification-step-5-wrap-content-text {
    text-align: center;
}
.popup-notification-step-5-wrap-content-text .wrap-page-quiz-body-step-5-item-title-desc {
    margin-bottom: 0;
    height: auto;
    font-size: 14px;
    display: block;
}
.popup-notification-wrap-content-none .popup-notification-wrap-content-block-one {
    display: none;
}
.popup-notification-wrap-content-none .popup-notification-wrap-content-block-none {
    display: block;
}

.popup-notification-wrap-content-one .popup-notification-wrap-content-block-none {
    display: none;
}
.popup-notification-wrap-content-one .popup-notification-wrap-content-block-one {
    display: block;
}
.popup-step-0.popup-step-0-active {
    display: flex;
}
.popup-step-0 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 15px;
}
.popup-step-0-overfloy {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.popup-step-0-wrap-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 35px;
}
.popup-step-0-wrap-content-left {
    width: 455px;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    background-color: #fff;
    border-radius: 30px;
    padding-top: 45px;
    padding-bottom: 75px;
}
.popup-step-0-wrap-content-left-image {
    text-align: center;
}
.popup-step-0-wrap-content-left-image img {
    margin: auto;
    max-height: 200px;
    object-fit: contain;
}
.popup-step-0-wrap-content-left-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    color: rgba(246, 153, 36, 1);
    padding-top: 10px;
}
.popup-step-0-wrap-content-left-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    max-width: 385px;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #000;
}
.popup-step-0-wrap-content-left-button {
    text-align: center;
}
.popup-step-0-wrap-content-left-button a {
    height: 42px;
    display: flex;
    justify-content: center;
    width: 390px;
    margin: auto;
    background-color: rgba(246, 153, 36, 1);
    border-radius: 20px;
    gap: 5px;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    transition: all 0.5s;
}
.popup-step-0-wrap-content-left-button span {
    height: 42px;
    display: flex;
    justify-content: center;
    width: 330px;
    margin: auto;
    background-color: rgba(246, 153, 36, 1);
    border-radius: 20px;
    gap: 5px;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    transition: all 0.5s;
}
.popup-step-0-wrap-content-left-button a:hover {
    color: #fff !important;
    transform: scale(1.15);
}
.popup-step-0-wrap-content-left-button span:hover {
    color: #fff !important;
    transform: scale(1.15);
}
.popup-step-0-wrap-content-right {
    width: 455px;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    background-color: #fff;
    border-radius: 30px;
    padding-top: 45px;
    padding-bottom: 75px;
    position: relative;
}
.popup-step-0-wrap-content-right-image {
    text-align: center;
}
.popup-step-0-wrap-content-right-image img {
    margin: auto;
    max-height: 200px;
    object-fit: contain;
}
.popup-step-0-wrap-content-right-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    color: rgba(246, 153, 36, 1);
    padding-top: 10px;
}
.popup-step-0-wrap-content-right-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    max-width: 405px;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #000;
}
.popup-step-0-wrap-content-right-button {
    text-align: center;
}
.popup-step-0-wrap-content-right-button span {
    height: 42px;
    display: flex;
    justify-content: center;
    width: 330px;
    margin: auto;
    background-color: rgba(246, 153, 36, 1);
    border-radius: 20px;
    gap: 5px;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s;
}
.popup-step-0-wrap-content-right-button span:hover {
    transform: scale(1.15);
}
.popup-step-0-wrap-content-right-tag {
    position: absolute;
    width: 90px;
    height: 40px;
    background: rgba(246, 153, 36, 1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    right: 15px;
    top: 15px;
}

.popup-step-0-wrap-content-center {
    width: 455px;
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    background-color: #fff;
    border-radius: 30px;
    padding-top: 45px;
    padding-bottom: 75px;
    position: relative;
}
.popup-step-0-wrap-content-center-image {
    text-align: center;
}
.popup-step-0-wrap-content-center-image img {
    margin: auto;
    max-height: 200px;
    object-fit: contain;
}
.popup-step-0-wrap-content-center-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    color: rgba(246, 153, 36, 1);
    padding-top: 10px;
}
.popup-step-0-wrap-content-center-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    max-width: 405px;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #000;
}
.popup-step-0-wrap-content-center-button {
    text-align: center;
}
.popup-step-0-wrap-content-center-button span {
    height: 42px;
    display: flex;
    justify-content: center;
    width: 330px;
    margin: auto;
    background-color: rgba(246, 153, 36, 1);
    border-radius: 20px;
    gap: 5px;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s;
}
.popup-step-0-wrap-content-center-button span:hover {
    transform: scale(1.15);
}
.popup-step-0-wrap-content-center-tag {
    position: absolute;
    width: 90px;
    height: 40px;
    background: rgba(246, 153, 36, 1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    right: 15px;
    top: 15px;
}

.popup-step-6 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 15px;
}
.popup-step-6.popup-step-6-active {
    display: flex;
}
.popup-step-6-overfloy {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.popup-step-6-wrap {
    width: 100%;
    max-width: 1140px;
}
.popup-step-6-wrap-content {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 30px;
    display: block;
    padding: 50px 0 40px;
}
.popup-step-6-wrap-content-preloder:after {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 30px;
}
.popup-step-6-wrap-content-preloder:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    z-index: 5;
    background:
            radial-gradient(farthest-side,#ffa516 94%,#0000) top/8px 8px no-repeat,
            conic-gradient(#0000 30%,#ffa516);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
    animation: l13 1s infinite linear;
    -webkit-animation: l13 1s infinite linear;
}
@keyframes l13 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes l13 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.popup-step-6-wrap-content-block {
    max-width: 740px;
    display: block;
    margin: auto;
}
.popup-step-6-wrap-content-block-title {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    line-height: 43px;
    font-size: 40px;
    font-weight: bolder;
}
.popup-step-6-wrap-content-block-wrap {
    display: flex;
    padding-top: 10px;
    padding-bottom: 25px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.popup-step-6-wrap-content-block-wrap-left {
    text-align: center;
    width: 300px;
}
.popup-step-6-wrap-content-block-wrap-left-title {
    color: #32CC02;
    font-size: 28px;
    font-weight: bold;
    margin-top: -25px;
    padding-bottom: 15px;
    line-height: 33px;
}
.popup-step-6-wrap-content-block-wrap-left-list {
    font-size: 16px;
    color: #171B1C;
    line-height: 20px;
    margin-bottom: 10px;
}
.popup-step-6-wrap-content-block-wrap-right {
    text-align: center;
    width: 300px;
}
.popup-step-6-wrap-content-block-wrap-right-title {
    color: #E90204;
    font-size: 28px;
    font-weight: bold;
    margin-top: -25px;
    padding-bottom: 10px;
    line-height: 33px;
}
.popup-step-6-wrap-content-block-wrap-right-list {
    font-size: 16px;
    color: #171B1C;
    line-height: 20px;
    margin-bottom: 10px;
}
.popup-step-6-wrap-content-block-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popup-step-6-wrap-content-block-field-left {
    font-size: 25px;
    line-height: 26px;
    font-weight: bold;
}
.popup-step-6-wrap-content-block-field-left-input input {
    width: 245px;
    font-size: 18px !important;
    line-height: 22px;
    border-radius: 10px !important;
    border: 2px solid #F69924 !important;
}
.popup-step-6-wrap-content-block-text {
    font-size: 16px;
    color: #FF6B00;
    padding-top: 10px;
    line-height: 20px;
    font-weight: 600;
}
.popup-step-6-wrap-content-block-notice {
    font-size: 16px;
    color: #8D8D8D;
    padding-top: 5px;
    line-height: 20px;
}
.popup-step-6-wrap-content-block-buttons {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}
.popup-step-6-wrap-content-block-button-1 {
    width: 305px;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    border: 2px solid #F69924;
    height: 42px;
    line-height: 38px;
    font-size: 18px;
    font-weight: 600;
    color: #F69924;
}
.popup-step-6-wrap-content-block-button-2 {
    width: 415px;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    border: 2px solid #F69924;
    background-color: #F69924;
    height: 42px;
    line-height: 38px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.popup-step-6-wrap-content-block-step-1-button {
    max-width: 320px;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    border: 2px solid #F69924;
    background-color: #F69924;
    height: 42px;
    line-height: 38px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: auto;
}
.wrap-page-quiz-body-step-6-left-form-row-item-radio {
    width: 40%;
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
}
.wrap-page-quiz-body-step-6-left-form-row-item-radio-field {
    width: 60%;
    display: flex;
    justify-content: end;
    gap: 15px;
}
.wrap-page-quiz-body-step-6-left-form-row-item-radio-field input {
    display: none;
}
.wrap-page-quiz-body-step-6-left-form-row-item-radio-field label {
    background-color: #000;
    font-weight: bold;
    color: #fff;
    padding: 7px 15px;
    border-radius: 29px;
    cursor: pointer;
    font-size: 13px;
    display: block;
}
.wrap-page-quiz-body-step-6-left-form-row-item-radio-field input:checked + label {
    background-color: #F69924;
}
.disable-button {
    opacity: 0.5;
    pointer-events: none;
}
/*.popup-step-6-wrap-content-block-button-1.disable-button, .popup-step-6-wrap-content-block-button-1.disable-button {*/
/*    position: relative;*/
/*}*/
/*.popup-step-6-wrap-content-block-button-1.disable-button:before, .popup-step-6-wrap-content-block-button-1.disable-button:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*}*/
.page-template-tpl-quiz .section-footer {
    display: none;
}

.popup-step-6-wrap-content-block-step-hide {
    display: none;
}

@media screen and (max-width: 1700px) {
    .wrap-page-quiz-body-step-1 {
        margin-top: 45px;
    }
    .wrap-page-quiz-body-step-2 {
        margin-top: 45px;
    }
    .wrap-page-quiz-body-step-3 {
        margin-top: 45px;
    }
    .wrap-page-quiz-body-step-4 {
        margin-top: 45px;
    }
    .wrap-page-quiz-body-step-5 {
        margin-top: 45px;
    }
    .wrap-page-quiz-body-step-6 {
        margin-top: 45px;
    }
}
@media screen and (max-width: 1490px) {
    .wrap-page-quiz-footer {
        max-width: calc(100% - 60px);
    }
    .step-3-swiper-button-prev {
        transform: rotate(-90deg);
        left: 0px;
        bottom: 40px;
        top: inherit;
    }
    .step-3-swiper-button-next {
        transform: rotate(-90deg);
        right: 60px;
        bottom: -17px;
    }
    .mySwiperStep3 {
        height: 400px;
    }
    .mySwiperStep3 .swiper-slide.swiper-slide-next .wrap-page-quiz-body-step-3-item {
        margin-top: -80px;
    }
    .wrap-page-quiz-body-step-3-item-block .swiper-wrapper {
        overflow: auto;
        position: relative;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-right: 150px;
        padding-left: 10px;
        margin-left: -10px;
        width: auto;
    }
    .wrap-page-quiz-body-step-3-item:after {
        content: '';
        width: 145px;
        height: calc(100% + 5px);
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(/wp-content/uploads/2024/01/blur-1.svg);
        background-size: 100%;
        z-index: 5;
    }
    .wrap-page-quiz-body-step-3-item:last-child:before {
        height: calc(100% - 5px);
    }
    .wrap-page-quiz-body-step-3-item-title-wrap {
        padding-bottom: 10px;
    }
    .wrap-page-quiz-body-step-3-item-block-item {
        min-width: 200px;
    }
}
@media screen and (max-width: 1420px) {
    .popup-step-6-wrap-content-block-step-1 .warranty-section-3-wrap-form-row-column-label {
        font-size: 18px;
        line-height: 22px;
    }
    .popup-step-6-wrap-content-block-step-1 .full-width-item .warranty-section-3-wrap-form-row-column {
        font-size: 14px;
        line-height: 22px;
    }
    .popup-step-6-wrap-content-block-step-1 .warranty-section-3-wrap-form-row-item-notice-promo {
        font-size: 14px;
        line-height: 18px;
    }
    .bottom-left-step-proggres-item {
        width: 180px;
    }
    .bottom-left-step-proggres-item-line-1 {
        width: 90px;
        left: 60px;
    }
    .complete-step .bottom-left-step-proggres-item-line-2 {
        width: 90px;
        left: 60px;
    }
    .in-progress .bottom-left-step-proggres-item-line-2 {
        left: 60px;
    }
    .wrap-page-quiz-body-step-3-text {
        width: calc(100% - 705px);
        padding-right: 15px;
    }
    .wrap-page-quiz-body-step-5-item-title-desc {
        width: calc(100% - 705px);
        padding-right: 15px;
    }
    .wrap-page-quiz-body-step-6 {
        gap: 40px;
    }
    .wrap-page-quiz-body-step-6-right {
        width: 680px;
        /* width: calc(100% - 650px); */
    }
    .wrap-page-quiz-body-step-6-left {
        /* width: 570px; */
        width: calc(100% - 720px);
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-right-name {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-right-count {
        padding-top: 0px;
    }
    .popup-step-0-wrap {
        max-width: 900px;
        width: 100%;
    }
    .popup-step-0-wrap-content {
        flex-direction: column;
        gap: 15px;
    }
    .popup-step-0-wrap-content-left {
        max-width: 700px;
        padding-top: 20px;
        padding-bottom: 25px;
        width: 100%;
    }
    .popup-step-0-wrap-content-left-image img {
        margin: auto;
        max-height: 150px;
    }
    .popup-step-0-wrap-content-left-text {
        max-width: 100%;
    }
    .popup-step-0-wrap-content-left-button a {
        height: 45px;
        width: 540px;
    }
    .popup-step-0-wrap-content-left-button span {
        height: 45px;
        width: 540px;
    }
    .popup-step-0-wrap-content-left-title {
        font-size: 26px;
        line-height: 26px;
    }
    .popup-step-0-wrap-content-left-text {
        font-size: 16px;
        line-height: 18px;
        padding-bottom: 15px;
    }

    .popup-step-0-wrap-content-right {
        max-width: 700px;
        padding-top: 20px;
        padding-bottom: 25px;
        width: 100%;
    }
    .popup-step-0-wrap-content-right-image img {
        margin: auto;
        max-height: 150px;
    }
    .popup-step-0-wrap-content-right-text {
        max-width: 100%;
    }
    .popup-step-0-wrap-content-right-button span {
        height: 45px;
        width: 540px;
    }
    .popup-step-0-wrap-content-right-title {
        font-size: 26px;
        line-height: 26px;
    }
    .popup-step-0-wrap-content-right-text {
        font-size: 16px;
        line-height: 18px;
        padding-bottom: 15px;
    }

    .popup-step-0-wrap-content-center {
        max-width: 700px;
        padding-top: 20px;
        padding-bottom: 25px;
        width: 100%;
    }
    .popup-step-0-wrap-content-center-image img {
        margin: auto;
        max-height: 150px;
    }
    .popup-step-0-wrap-content-center-text {
        max-width: 100%;
    }
    .popup-step-0-wrap-content-center-button span {
        height: 45px;
        width: 540px;
    }
    .popup-step-0-wrap-content-center-title {
        font-size: 26px;
        line-height: 26px;
    }
    .popup-step-0-wrap-content-center-text {
        font-size: 16px;
        line-height: 18px;
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 1270px) {
    .wrap-page-quiz-body-step-1-left {
        width: 440px;
    }
    .wrap-page-quiz-body-step-2-left {
        width: 440px;
    }
    .wrap-page-quiz-body-step-4-left {
        width: 440px;
    }
    .wrap-page-quiz-body-step-1-right {
        width: calc(100% - 490px);
    }
    .wrap-page-quiz-body-step-2-right {
        width: calc(100% - 490px);
    }
    .wrap-page-quiz-body-step-4-right {
        width: calc(100% - 490px);
    }
    .wrap-page-quiz-body-step-1-left-text {
        height: 98px;
    }
    .bottom-left-step-proggres-item {
        width: 140px;
    }
    .bottom-left-step-proggres-item-text-2 {
        font-size: 12px;
    }
    .bottom-left-step-proggres-item-circle {
        margin-bottom: 30px;
    }
    .wrap-page-quiz-footer {
        padding: 30px 20px;
    }
    .bottom-left-step-proggres-item-line-1 {
        width: 70px;
        left: 50px;
    }
    .complete-step .bottom-left-step-proggres-item-line-2 {
        width: 70px;
        left: 50px;
    }
    .in-progress .bottom-left-step-proggres-item-line-2 {
        left: 50px;
        width: 35px;
    }
    .wrap-page-quiz-footer-bottom-left {
        width: calc(100% - 135px);
    }
    .wrap-page-quiz-footer-bottom-right {
        width: 135px;
    }
    .wrap-page-quiz-footer-bottom-right>ul .nav-item.next {
        width: 135px;
    }
    .wrap-page-quiz-footer-bottom-right>ul .nav-item.prev ul {
        width: 135px;
    }
    .wrap-page-quiz-footer-bottom-left-step3-cs {
        width: 570px;
    }
    .wrap-page-quiz-body-step-3-text {
        width: calc(100% - 570px);
    }
    .wrap-page-quiz-body-step-5-item-title-desc {
        width: calc(100% - 570px);
    }
    .wrap-page-quiz-footer-bottom-left-step5-cs {
        width: 570px;
    }
    .wrap-page-quiz-footer-bottom-left-step5-preend {
        overflow: auto;
        padding-right: 150px;
    }
    .wrap-page-quiz-footer-bottom-left-step5-preend-wrap:after {
        content: '';
        width: 145px;
        height: calc(100% + 5px);
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(/wp-content/uploads/2024/01/blur.svg);
        background-size: 100%;
    }
    .wrap-page-quiz-body-step-5-item-block .swiper-wrapper {
        overflow: auto;
        position: relative;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-right: 150px;
        padding-left: 10px;
        margin-left: -10px;
        width: auto;
        flex-wrap: inherit;
    }
    .wrap-page-quiz-body-step-5-item-wrap:after {
        content: '';
        width: 145px;
        height: calc(100% + 5px);
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(/wp-content/uploads/2024/01/blur-1.svg);
        background-size: 100%;
        z-index: 5;
    }
    .wrap-page-quiz-body-step-5-item-block .swiper-wrapper .swiper-slide {
        width: auto;
    }
    .wrap-page-quiz-body-step-6-right {
        width: 100%;
    }
    .wrap-page-quiz-body-step-6-left {
        width: 100%;
    }
    .wrap-page-quiz-body-step-6 {
        gap: 0px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-right-name {
        font-size: 14px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-right-count {
        padding-top: 10px;
    }
}

@media screen and (max-width: 1025px) {
    .wrap-page-quiz-body-step-6-left-form-row.wrap-page-quiz-body-step-6-left-form-row-radio {
        width: 100%;
    }
	.wrap-page-quiz-body-step-4-left-info {
		position: relative;
		text-align: center;
	}
    .wrap-page-quiz-body-step-1 {
        margin-top: 100px;
    }
    .wrap-page-quiz-body-step-2 {
        margin-top: 100px;
        gap: 30px;
    }
    .wrap-page-quiz-body-step-4 {
        margin-top: 100px;
        gap: 30px;
    }
    .wrap-page-quiz-body-step-1-left {
        width: 100%;
    }
    .wrap-page-quiz-body-step-2-left {
        width: 100%;
    }
    .wrap-page-quiz-body-step-4-left {
        width: 100%;
    }
    .wrap-page-quiz-body-step-1-right {
        width: 100%;
    }
    .wrap-page-quiz-body-step-2-right {
        width: 100%;
    }
    .wrap-page-quiz-body-step-4-right {
        width: 100%;
    }
    .wrap-page-quiz-body-step-1-left-subtitle {
        font-size: 14px;
        text-align: center;
    }
    .wrap-page-quiz-body-step-2-left-subtitle {
        font-size: 14px;
        text-align: center;
    }
    .wrap-page-quiz-body-step-4-left-subtitle {
        font-size: 14px;
        text-align: center;
    }
    .wrap-page-quiz-body-step-1-left-title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 30px;
    }
    .wrap-page-quiz-body-step-2-left-title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 30px;
    }
    .wrap-page-quiz-body-step-4-left-title-wrap {
        justify-content: center;
    }
    .wrap-page-quiz-body-step-4-left-title {
        font-size: 28px;
        text-align: center;
    }
    .wrap-page-quiz-body-step-1-left-text {
        font-size: 14px;
        max-width: 675px;
        margin: auto;
        text-align: center;
        margin-bottom: 60px;
        height: 51px;
    }
    .wrap-page-quiz-body-step-2-left-text {
        font-size: 14px;
        max-width: 675px;
        margin: auto;
        text-align: center;
        margin-bottom: 30px;
    }
    .wrap-page-quiz-body-step-4-left-text {
        font-size: 14px;
        max-width: 675px;
        margin: auto;
        text-align: center;
        margin-bottom: 30px;
    }
    .wrap-page-quiz-body-step-2-left-text-more {
        padding-top: 15px;
    }
    .wrap-page-quiz-body-step-2-left-text-hide {
        padding-top: 15px;
    }
    .wrap-page-quiz-body-step-1-left-types {
        gap: 20px;
        max-width: 570px;
        margin: auto;
    }
    .wrap-page-quiz-body-step-2-left-types {
        gap: 30px;
        max-width: 570px;
        margin: auto;
        justify-content: center;
    }
    .wrap-page-quiz-body-step-1-left-types-block {
        width: calc(33.3334% - 14px);
    }
    .wrap-page-quiz-body-step-1-left-types-more {
        max-width: 570px;
        margin: auto;
        /*display: flex;*/
        justify-content: center;
    }
    .wrap-page-quiz-body-step-1-left-types-more-button {
        width: calc(33.3334% - 14px);
        margin-top: 40px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-items {
        display: flex;
        gap: 10px;
        justify-content: center;
    }
    .wrap-page-quiz-body-step-4-left-after-list-items {
        display: flex;
        gap: 10px;
        justify-content: center;
    }
    .wrap-page-quiz-body-step-2-right-images-block .swiper-slide {
        text-align: center;
    }
    .wrap-page-quiz-body-step-4-right-images .swiper-slide {
        text-align: center;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item:nth-child(3) .wrap-page-quiz-body-step-2-left-after-list-item-info-text {
        left: inherit;
        right: 0;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item:nth-child(3) .wrap-page-quiz-body-step-4-left-after-list-item-info-text {
        left: inherit;
        right: 0;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-text-list {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-text-list {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-text {
        gap: 10px;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-text {
        gap: 10px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item {
        padding: 10px 10px 10px 15px;
        width: 240px;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item {
        padding: 10px 10px 10px 15px;
        width: 240px;
    }
    .wrap-page-quiz-body-step-3 {
        margin-top: 100px;
        padding-bottom: 210px;
    }
    .wrap-page-quiz-footer-bottom-left-step3-cs {
        position: absolute;
        width: 100%;
        max-width: calc(100% - 0px);
        transform: translate(-50%);
        left: 50%;
        bottom: 0;
        top: inherit;
    }
    .wrap-page-quiz-body-step-3-left-subtitle {
        font-size: 14px;
        text-align: center;
    }
    .wrap-page-quiz-body-step-3-title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 30px;
    }
    .wrap-page-quiz-body-step-3-text {
        width: 100%;
        font-size: 14px;
        max-width: 675px;
        margin: auto;
        text-align: center;
        margin-bottom: 60px;
    }
    .wrap-page-quiz-body-step-3-item-block-item {
        max-width: 205px;
        min-width: 205px;
    }
    .wrap-page-quiz-footer-bottom-left-step3-preend-delete-all {
        display: block;
    }
    .wrap-page-quiz-body-step-3-item-block-item-select-footer-info-text-overfloy {
        left: inherit;
        right: 0;
    }
    .wrap-page-quiz-body-step-4-left-info-text {
        left: -40px;
    }
    .wrap-page-quiz-body-step-5 {
        margin-top: 100px;
        padding-bottom: 230px;
    }
    .wrap-page-quiz-body-step-5-left-subtitle {
        font-size: 14px;
        text-align: center;
    }
    .wrap-page-quiz-body-step-5-item-title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 30px;
    }
    .wrap-page-quiz-body-step-5-item-title-desc {
        width: 100%;
        font-size: 14px;
        max-width: 675px;
        margin: auto;
        text-align: center;
        margin-bottom: 60px;
    }
    .wrap-page-quiz-footer-bottom-left-step5-cs {
        position: absolute;
        width: 100%;
        max-width: calc(100% - 0px);
        transform: translate(-50%);
        left: 50%;
        bottom: 0;
        top: inherit;
    }
    .wrap-page-quiz-footer-bottom-left-step5-preend-delete-all {
        display: block;
    }
    .wrap-page-quiz-body-step-5-item-block-item-new {
        max-width: 205px;
        min-width: 205px;
    }
    .wrap-page-quiz-footer-bottom-left-step3-preend-wrap:after {
        display: none;
    }
    .wrap-page-quiz-footer-bottom-left-step5-preend {
        overflow: inherit;
    }
    .wrap-page-quiz-body-step-6 {
        margin-top: 100px;
    }
    .wrap-page-quiz-body-step-6-right-subtitle {
        font-size: 14px;
        text-align: center;
    }
    .wrap-page-quiz-body-step-6-right-title {
        font-size: 28px;
        text-align: center;
    }
    .wrap-page-quiz-body-step-6-right-row-search-product {
        text-align: center;
    }
    .wrap-page-quiz-body-step-6-right-row-similar-product-title {
        text-align: center;
    }
    .wrap-page-quiz-body-step-6-right-row-similar-product-content {
        max-width: 710px;
        justify-content: center;
        margin: auto;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-title {
        padding-right: 50px;
        margin-top: 25px;
    }
    .wrap-page-quiz-body-step-6-right-row-title-block {
        gap: 80px;
        justify-content: space-between;
        max-width: 640px;
        margin: auto;
    }
    .wrap-page-quiz-body-step-6-right-row-title {
        font-size: 20px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block {
        max-width: 640px;
        margin: auto;
        margin-top: 40px;
    }
    .equipmentInfoSummary {
        position: relative;
    }
    .wrap-page-quiz-body-step-6-left-title {
        font-size: 20px;
        text-align: center;
        padding-top: 40px;
    }
    .wrap-page-quiz-body-step-6-left-text {
        display: block;
        padding-bottom: 20px;
        color: #171B1C;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        max-width: 620px;
        margin: auto;
    }
    #form-quiz {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
    .wrap-page-quiz-body-step-6-left-form-row {
        margin-bottom: 0px;
        gap: 20px;
        width: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-secusful {
        background-position: right 15px center;
        background-size: 15px;
    }
    body .wrap-page-quiz-body-step-6-left-form-row-item select {
        background-position: right 15px center;
        background-size: 15px;
    }
    .wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-error {
        background-position: right 15px center;
        background-size: 15px;
    }
    .wrap-page-quiz-body-step-6-left-text-notice {
        margin-top: 10px;
    }
    .wrap-page-quiz-body-step-3-item-block-item-wrap-item:hover .notice_info {
        display: none;
    }
    .wrap-page-quiz-body-step-3-item-block-item-wrap-item img {
        display: none;
    }
}


@media screen and (max-width: 1010px) {
    .bottom-left-step-proggres-item {
        width: 95px;
    }
    .bottom-left-step-proggres-item-text-1 {
        font-size: 7px;
    }
    .bottom-left-step-proggres-item-text-2 {
        font-size: 8px;
    }
    .bottom-left-step-proggres-item-text-3 {
        font-size: 7px;
    }
    .bottom-left-step-proggres-item-line-1 {
        width: 45px;
        left: 40px;
    }
    .complete-step .bottom-left-step-proggres-item-line-2 {
        width: 45px;
        left: 40px;
    }
    .in-progress .bottom-left-step-proggres-item-line-2 {
        width: 22px;
        left: 40px;
    }
    .wrap-page-quiz-body-step-1-right-images-block {
        max-width: 570px;
        margin: auto;
    }
    .wrap-page-quiz-body-step-6-right-row-title-block {
        gap: 40px;
    }
    .wrap-page-quiz-body-step-6-left-form-row {
        gap: 20px;
        width: 100%;
    }
    .wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-secusful {
        background-position: right 20px center;
        background-size: 20px;
    }
    body .wrap-page-quiz-body-step-6-left-form-row-item select {
        background-position: right 20px center;
        background-size: 20px;
    }
    .wrap-page-quiz-body-step-6-left-form-row-item .wrap-page-quiz-body-step-6-left-form-row-item-error {
        background-position: right 20px center;
        background-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .list-overfloy-3 {
        position: fixed;
        top: -100vh;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.4);
        overflow: hidden;
    }
    .list-overfloy-3.list-overfloy-3-active {
        display: block;
    }

    .list-overfloy-5 {
        position: fixed;
        top: -100vh;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.4);
        overflow: hidden;
    }
    .list-overfloy-5.list-overfloy-5-active {
        display: block;
    }
    .wrap-page-quiz-head-steps {
        display: none;
    }

    .wrap-page-quiz-head-title-step {
        font-size: 30px;
        line-height: 34px;
    }
    .popup-step-6-wrap-content {
        padding-left: 30px;
        padding-right: 30px;
    }
    .popup-step-6-wrap-content-block-title {
        font-size: 36px;
    }
    .popup-step-6-wrap-content-block-field-left {
        font-size: 22px;
    }
    .popup-step-6-wrap-content-block-buttons {
        gap: 20px;
    }
    .popup-step-6-wrap-content-block-button-1 {
        width: calc(50% - 10px);
    }
    .popup-step-6-wrap-content-block-button-2 {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .popup-step-6-wrap-content-block-step-1 .warranty-section-3-wrap-form-row-item-notice-promo {
        padding-top: 15px;
    }
    .popup-step-6-wrap-content-block-step-1 .warranty-section-3-wrap-form-row-item.full-width-item {
        padding-bottom: 0 !important;
    }
    .popup-step-6-wrap-content-block-step-1 .warranty-section-3-wrap-form-row-column-field-promo-email {
        padding-top: 10px;
    }
    .popup-step-6-wrap-content-block-step-1 ul {
        display: none;
    }
    .popup-step-6-wrap-content-block-step-1 .warranty-section-3-wrap-form-row-column-radio-field .wpcf7-list-item .wpcf7-list-item-label {
        font-size: 12px;
        line-height: 14px;
    }
    .popup-step-6-wrap-content-block-step-1 .warranty-section-3-wrap-form-row-column-label {
        font-size: 16px;
        line-height: 18px;
    }
    .popup-step-6-wrap-content-block-step-1 .full-width-item .warranty-section-3-wrap-form-row-column {
        font-size: 12px;
        line-height: 18px;
    }
    .popup-step-6-wrap-content-block-step-1 .warranty-section-3-wrap-form-row-item-notice-promo {
        font-size: 12px;
        line-height: 15px;
    }

    .wrap-page-quiz-body-step-5-item .wrap-page-quiz-body-step-5-item-title-desc {
        display: none;
    }
    .popup-notification-step-5-active.popup-notification-step-5 {
        display: flex;
    }
    .wrap-page-quiz-body-step-5-item-title img {
        display: inline-block;
        cursor: pointer;
    }
    .wrap-page-quiz-body-step-4-left .wrap-page-quiz-body-step-4-left-text-mobile {
        display: none;
    }
    .popup-notification-step-4-active.popup-notification-step-4 {
        display: flex;
    }
    .wrap-page-quiz-body-step-4-left-title img {
        display: inline-block;
        cursor: pointer;
    }
    .wrap-page-quiz-body-step-3 .wrap-page-quiz-body-step-3-text {
        display: none;
    }
    .popup-notification-step-3-active.popup-notification-step-3 {
        display: flex;
    }
    .wrap-page-quiz-body-step-3-title img {
        display: inline-block;
        cursor: pointer;
    }
    .wrap-page-quiz-body-step-2-left .wrap-page-quiz-body-step-2-left-text.wrap-page-quiz-body-step-2-left-text-active {
        display: none;
    }
    .popup-notification-step-2-active.popup-notification-step-2 {
        display: flex;
    }
    .wrap-page-quiz-body-step-2-left-title img {
        display: inline-block;
        cursor: pointer;
    }
    .wrap-page-quiz-body-step-1-left .wrap-page-quiz-body-step-1-left-text.wrap-page-quiz-body-step-1-left-text-active {
        display: none;
    }
    .popup-notification-step-1-active.popup-notification-step-1 {
        display: flex;
    }
    .wrap-page-quiz-body-step-1-left-title img {
        display: inline-block;
        cursor: pointer;
    }
    .wrap-page-quiz-body-step-1 {
        margin-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        gap: 40px;
        margin-bottom: 130px;
    }
    .wrap-page-quiz-body-step-2 {
        margin-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        gap: 30px;
        margin-bottom: 130px;
    }
    .wrap-page-quiz-body-step-4 {
        margin-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        gap: 30px;
        margin-bottom: 130px;
    }
    .wrap-page-quiz-body-step-1-left-title {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .wrap-page-quiz-body-step-2-left-title {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .wrap-page-quiz-body-step-4-left-title-wrap {
        margin-bottom: 20px;
    }
    .wrap-page-quiz-body-step-4-left-title {
        font-size: 26px;
    }
    .wrap-page-quiz-body-step-4-left-info-active .wrap-page-quiz-body-step-4-left-info-text {
        left: 50%;
        position: fixed;
        top: 50%;
        width: calc(100% - 30px);
        transform: translate(-50%, -50%);
        padding: 145px 30px 70px;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        background-position: center 70px;
        background-repeat: no-repeat;
        background-size: 45px;
        border-radius: 20px;
        box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
        z-index: 10;
        background-image: url(/wp-content/uploads/2024/01/material-symbols_info-outline-3.svg);
        height: 260px;
    }
    .wrap-page-quiz-body-step-1-left-text {
        margin-bottom: 10px;
        font-size: 12px;
        height: 80px;
    }
    .wrap-page-quiz-body-step-2-left-text {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-4-left-text {
        margin-bottom: 20px;
        font-size: 10px;
    }
    .wrap-page-quiz-body-step-2-left-text-more {
        padding-top: 5px;
    }
    .wrap-page-quiz-body-step-2-left-text-hide {
        padding-top: 5px;
    }
    .wrap-page-quiz-body-step-2-left-types-block-label {
        font-size: 12px;
        padding: 12px;
    }
    .wrap-page-quiz-body-step-2-left-types-block input:checked+label {
        font-weight: 700;
    }
    .wrap-page-quiz-body-step-2-left-types-block {
        width: calc(50% - 5px);
    }
    .wrap-page-quiz-body-step-1-left-types {
        max-width: 100%;
        gap: 10px;
    }
    .wrap-page-quiz-body-step-2-left-types {
        max-width: 100%;
        gap: 10px;
/*         flex-direction: column; */
        padding: 10px 0 10px;
        justify-content: center;
    }
    .wrap-page-quiz-body-step-2-left-text-more span {
        font-size: 14px;
        padding-right: 25px;
        background-position: right -1px;
    }
    .wrap-page-quiz-body-step-2-left-text-hide span {
        font-size: 14px;
        padding-right: 25px;
        background-position: right -1px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item {
        width: 100%;
        margin-bottom: 0;
        padding: 10px;
        text-align: center;
        position: relative;
        flex-direction: column;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item {
        width: 100%;
        margin-bottom: 0;
        padding: 10px;
        text-align: center;
        position: relative;
        flex-direction: column;

    }
    .wrap-page-quiz-body-step-2-left-after-list-item-text-list {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-image img {
        width: 15px;
        height: 15px;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-text-list {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-text {
        gap: 10px;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-text {
        gap: 10px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-info {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-info {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-info img {
        width: 15px;
        height: 15px;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-info img {
        width: 15px;
        height: 15px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-info-text {
        text-align: left;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-info-text {
        text-align: left;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item:nth-child(2) .wrap-page-quiz-body-step-2-left-after-list-item-info-text {
        left: -120px;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item:nth-child(2) .wrap-page-quiz-body-step-4-left-after-list-item-info-text {
        left: -120px;
    }
    .wrap-page-quiz-body-step-2-right-images .elementor-swiper-button {
        width: 20px;
        height: 20px;
    }
    .wrap-page-quiz-body-step-4-right-images .elementor-swiper-button {
        width: 20px;
        height: 20px;
    }
    .wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-prev {
        left: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-prev1 {
        left: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-prev2 {
        left: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-prev3 {
        left: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-prev {
        left: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-prev4 {
        left: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-prev5 {
        left: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-next {
        right: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-next1 {
        right: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-next2 {
        right: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-2-right-images .elementor-swiper-button-next3 {
        right: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-next {
        right: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-next4 {
        right: 0;
        bottom: calc(50% - 10px);
    }
    .wrap-page-quiz-body-step-4-right-images .elementor-swiper-button-next5 {
        right: 0;
        bottom: calc(50% - 10px);
    }

    .wrap-page-quiz-body-step-1-left-types-block {
        width: calc(33.333% - 10px);
    }
    .wrap-page-quiz-body-step-1-left-types-block label {
        font-size: 12px;
        padding: 7px;
    }
    .wrap-page-quiz-body-step-1-left-types-more {
        max-width: 260px;
    }
    .wrap-page-quiz-body-step-1-left-types-more-button {
        width: 100%;
        margin-top: 20px;
        font-size: 12px;
        padding: 8px;
    }
    .wrap-page-quiz-footer-bottom {
        flex-wrap: wrap;
    }
    .wrap-page-quiz-footer-bottom-left {
        width: 100%;
    }
    .wrap-page-quiz-footer-bottom-right {
        width: 100%;
        padding: 0 15px;
    }
    .wrap-page-quiz-footer {
        max-width: 100%;
        bottom: 0;
        box-shadow: none;
        padding: 10px 0px 20px;
    }
    .bottom-left-step-proggres-item-text-1 {
        display: none;
    }
    .wrap-page-quiz-footer-bottom-left-step {
        height: auto;
    }
    .bottom-left-step-proggres-item {
        display: none;
    }
    .wrap-page-quiz-footer-bottom-left-step2 .bottom-left-step-proggres-item.complete-step:nth-of-type(1) {
        display: block;
    }
    .bottom-left-step-proggres-item.in-progress {
        display: block;
    }
    .bottom-left-step-proggres-item.in-progress + .bottom-left-step-proggres-item {
        display: block;
    }
    .bottom-left-step-proggres-item.in-progress + .bottom-left-step-proggres-item .bottom-left-step-proggres-item-line-1 {
        display: none;
    }
    .bottom-left-step-proggres {
        width: 100%;
        overflow: hidden;
        padding-bottom: 15px;
    }
    .wrap-page-quiz-footer-bottom-left-step1 .bottom-left-step-proggres-items {
        left: 33.334%;
        position: relative;
    }
    .bottom-left-step-proggres-item {
        text-align: center;
        width: 33.3334%;
    }
    .bottom-left-step-proggres-item-circle {
        width: 20px;
        height: 20px;
        margin: auto;
        margin-bottom: 10px;
    }
    .bottom-left-step-proggres-item-text-2 {
        font-size: 12px;
    }
    .in-progress .bottom-left-step-proggres-item-circle:before {
        width: 13px;
        height: 13px;
    }
    .bottom-left-step-proggres-item-line-1 {
        width: 35px;
        right: -17px;
        left: inherit;
        top: 42px;
    }
    .complete-step .bottom-left-step-proggres-item-line-2 {
        width: 35px;
        right: -17px;
        left: inherit;
        top: 42px;
    }
    .in-progress .bottom-left-step-proggres-item-line-2 {
        width: 17px;
        right: 0;
        left: inherit;
        top: 42px;
    }
    .wrap-page-quiz-footer-bottom-right>ul .nav-item.next {
        width: 100%;
        order: 2;
    }
    .wrap-page-quiz-footer-bottom-right>ul .nav-item {
        height: 35px;
        width: 100%;
    }
    .wrap-page-quiz-footer-bottom-right>ul .nav-item.next ul li a {
        line-height: 33px;
        position: relative;
        display: block;
        top: inherit;
        left: inherit;
        font-size: 12px;
    }
    .wrap-page-quiz-footer-bottom-right>ul .nav-item.prev ul {
        width: 100%;
        position: relative;
        top: inherit;
        height: 35px;
    }
    .wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li {
        height: 35px;
    }
    .wrap-page-quiz-footer-bottom-right>ul .nav-item.prev li a {
        line-height: 33px;
        font-size: 12px;
    }
    .wrap-page-quiz-footer-bottom-right>ul {
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    .wrap-page-quiz-body-step-3 {
        margin-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .wrap-page-quiz-body-step-3-title {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .wrap-page-quiz-body-step-1-left-subtitle {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-2-left-subtitle {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-3-left-subtitle {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-4-left-subtitle {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-3-text {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .wrap-page-quiz-body-step-3-item:before {
        display: none;
    }
    .number-countryy {
        display: none;
    }
    .mySwiperStep3 .swiper-slide.swiper-slide-next .wrap-page-quiz-body-step-3-item {
        margin-top: 0px;
    }
    .mySwiperStep3 .swiper-slide.swiper-slide-next .wrap-page-quiz-body-step-3-item:after {
        display: none;
    }
    .wrap-page-quiz-body-step-3-item {
        padding-left: 0;
    }
    .wrap-page-quiz-footer-bottom-left-step3 .bottom-left-step-proggres-item.complete-step:nth-of-type(2) {
        display: block;
    }
    .wrap-page-quiz-body-step-3-item-block {
        overflow: inherit;
    }
    .wrap-page-quiz-body-step-3-item-block .swiper {
        overflow: inherit;
    }
    .wrap-page-quiz-body-step-3-item-paged {
        position: absolute;
        bottom: -285px;
        width: 60px;
        text-align: center;
        left: 50%;
        transform: translate(-50%);
    }
    .wrap-page-quiz-body-step-3-item:after {
        display: none;
    }
    .step-3-swiper-button-next {
        display: none;
    }
    .step-3-swiper-button-prev {
        display: none;
    }
    .wrap-page-quiz-body-step-3-item-title-wrap {
        margin: 0;
        padding: 0;
        text-align: center;
        justify-content: center;
        width: 100%;
        position: relative;
    }
    .wrap-page-quiz-body-step-3-item-title-wrap:before {
        position: absolute;
        content: '';
        display: block;
        height: 2px;
        width: 100%;
        border-radius: 10px 0px 0px 10px;
        background: #FF6B00;
        left: 1px;
    }
    .wrap-page-quiz-body-step-3-item-title {
        /*width: 100%;*/
        /*text-align: center;*/
        display: inline-block;
        width: auto;
        font-size: 16px;
        background-color: #fff;
        position: relative;
        padding: 0 15px;
    }
    .wrap-page-quiz-footer-bottom-left-step3-cs.wrap-page-quiz-footer-bottom-left-step3-cs-active {
        width: 100%;
        max-width: 100%;
        left: 0px;
        transform: inherit;
        border-radius: 0;
        position: fixed;
        bottom: 111px;
        height: calc(100vh - 171px);
        z-index: 999999;
    }
    .wrap-page-quiz-footer-bottom-left-step3-preend-title-wrap {
        display: none;
    }
    .wrap-page-quiz-footer-bottom-left-step3-preend-title {
        color: #171B1C;
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        line-height: normal;
        padding-bottom: 25px;
        padding-top: 35px;
    }
    .wrap-page-quiz-footer-bottom-left-step3-preend-wrap:after {
        width: 100%;
        height: 100px;
        bottom: 0;
        left: 0;
        background-image: url(/wp-content/uploads/2024/01/blur-2.svg);
		display: block;
    }
    .wrap-page-quiz-footer-bottom-left-step3-preend {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 110px;
        margin-left: -10px;
        margin-right: -10px;
        gap: 10px;
        flex-direction: column;
        height: calc(100vh - 300px);
    }
    .wrap-page-quiz-footer-bottom-left-step3-preend-delete-all {
        text-align: right;
        padding-bottom: 15px;
    }
    .wrap-page-quiz-body-step-3-item-block-item-footer {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    }
    .wrap-page-quiz-body-step-3-item-block-item-footer:last-child {
        max-width: 100%;
        min-width: 100%;
    }
    .bottom-left-step3-arrow-wrap-bottom {
        display: block;
        background-color: #fff;
        padding-top: 10px;
    }
    .wrap-page-quiz-footer-bottom-left-step3-cs {
        width: 100%;
        max-width: 100%;
        left: 0px;
        transform: inherit;
        border-radius: 0;
        position: fixed;
        bottom: 111px;
        height: 60px;
        z-index: 6;
        box-shadow: none;
    }
    .wrap-page-quiz-footer-bottom-left-step3-preend-wrap {
        display: none;
    }
    .wrap-page-quiz-footer-bottom-left-step3-cs-active .wrap-page-quiz-footer-bottom-left-step3-preend-title-wrap {
        display: block;
    }
    .wrap-page-quiz-footer-bottom-left-step3-cs-active .wrap-page-quiz-footer-bottom-left-step3-preend-wrap {
        display: block;
    }
    .bottom-left-step3-arrow-wrap-bottom-open {
        display: none;
    }
    .wrap-page-quiz-footer-bottom-left-step3-cs-active .bottom-left-step3-arrow-wrap-bottom-open {
        display: block;
        background: #fff;
        padding-top: 20px;
        position: relative;
        top: 61px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .bottom-left-step3-arrow-wrap-bottom-close {
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        padding: 0 15px;
    }
    .bottom-left-step3-arrow-wrap-bottom-close-button {
        display: inline-block;
        border-radius: 20px;
        border: 1px solid #F69924;
        cursor: pointer;
		width: 100%;
        text-align: center;
    }
    .bottom-left-step3-arrow-wrap-bottom-close-button span {
        color: #F69924;
        font-size: 12px;
        font-weight: 700;
        line-height: normal;
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-image: url(/wp-content/uploads/2024/01/gg_list.svg);
        padding: 7px 35px 7px 15px;
        display: inline-block;
    }
    
    .bottom-left-step3-arrow-wrap-bottom-close-next {
        display: inline-block;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: normal;
        padding: 7px 20px 7px 20px;
        border-radius: 20px;
        border: 1px solid #F69924;
        background: #F69924;
        cursor: pointer;
		width: calc(50% - 5px);
    }
    .bottom-left-step3-arrow-wrap-bottom-close-prev {
        display: inline-block;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: normal;
        padding: 7px 20px 7px 20px;
        border-radius: 20px;
        border: 1px solid #F69924;
        background: #F69924;
        cursor: pointer;
		width: calc(50% - 5px);
    }
    .wrap-page-quiz-footer-bottom-left-step3-cs-active .bottom-left-step3-arrow-wrap-bottom-close {
        display: none;
    }
    .wrap-page-quiz-body-step-3-item-block-item-footer {
        padding: 5px 15px;
        display: flex;
        align-items: center;
    }
    .wrap-page-quiz-body-step-3-item-block-item-delete-footer {
        width: 20px;
        height: 20px;
        right: 15px;
        top: 10px;
    }
    .wrap-page-quiz-body-step-3-item-block-item-select-footer-info-open {
        width: 20px;
        height: 20px;
        right: 15px;
        top: 10px;
    }
    .wrap-page-quiz-body-step-3-item-block-item-image-footer img {
        width: 80px;
        min-width: 80px;
        max-height: 80px;
    }
    .wrap-page-quiz-body-step-3-item-block-item-title-select-footer {
        padding-left: 15px;
    }
    .wrap-page-quiz-body-step-3-item-block-item-select-footer {
        font-size: 14px;
		padding-right: 25px;
    	text-align: left;
		height: auto;
    }
    .wrap-page-quiz-body-step-3-item-block-item-count-footer {
        padding-top: 10px;
        margin-left: 0;
    }
    .wrap-page-quiz-body-step-3-item-block-item-select-footer-info .wrap-page-quiz-body-step-3-item-block-item-select-footer-info-text {
        left: 50%;
        position: fixed;
        top: 50%;
        width: calc(100% - 30px);
        transform: translate(-50%, -50%);
        padding: 145px 30px 70px;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        background-position: center 70px;
        background-repeat: no-repeat;
        background-size: 45px;
        border-radius: 20px;
        box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
        background: #fff;
        background-position: center 70px;
        background-repeat: no-repeat;
        background-size: 45px;
        border-radius: 20px;
        box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
        z-index: 10;
        background-image: url(/wp-content/uploads/2024/01/material-symbols_info-outline-3.svg);
    }
    .wrap-page-quiz-body-step-3 {
        padding-bottom: 0px;
    }
    .wrap-page-quiz-body-step-3-item-block .swiper-wrapper {
        gap: 0;
        overflow: inherit;
    }
    .wrap-page-quiz-body-step-3-item-block-item-image img {
        height: 130px;
    }
    .mySwiperStep3 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .mySwiperStep3Item .swiper-slide-prev .wrap-page-quiz-body-step-3-item-block-item {
        transform: scale(0.3);
        right: -55px;
    }
    .mySwiperStep3Item .swiper-slide-prev .wrap-page-quiz-body-step-3-item-block-item:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.22);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 44;
    }
    .mySwiperStep3Item .swiper-slide-next .wrap-page-quiz-body-step-3-item-block-item {
        transform: scale(0.3);
        left: -55px;
    }
    .mySwiperStep3Item .swiper-slide-next .wrap-page-quiz-body-step-3-item-block-item:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.22);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 44;
        /*background: #000;*/
    }
    .wrap-page-quiz-footer-bottom-left-step4 .bottom-left-step-proggres-item.complete-step:nth-of-type(3) {
        display: block;
    }
    .wrap-page-quiz-footer-bottom-left-step5 .bottom-left-step-proggres-item.complete-step:nth-of-type(4) {
        display: block;
    }
    .wrap-page-quiz-footer-bottom-left-step4 .bottom-left-step-proggres-item.in-progress + .bottom-left-step-proggres-item .bottom-left-step-proggres-item-text-2 {
        width: 90px;
        margin: auto;
    }
    .wrap-page-quiz-footer-bottom-left-step5 .bottom-left-step-proggres-item.in-progress .bottom-left-step-proggres-item-text-2 {
        width: 90px;
        margin: auto;
    }
    .bottom-left-step-proggres-item:last-child {
        width: 33.3334%;
    }
    .wrap-page-quiz-body-step-5 {
        margin-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
		margin-bottom: 0;
		padding-bottom: 180px;
    }
    .wrap-page-quiz-body-step-5-left-subtitle {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-5-item-title {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .wrap-page-quiz-body-step-5-item-title-desc {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .wrap-page-quiz-footer-bottom-left-step5-cs {
        width: 100%;
        max-width: 100%;
        left: 0px;
        transform: inherit;
        border-radius: 0;
        position: fixed;
        bottom: 111px;
        height: 60px;
        z-index: 6;
        box-shadow: none;
        min-height: inherit;
    }
    .bottom-left-step5-arrow-wrap-bottom {
        display: block;
        background-color: #fff;
        padding-top: 10px;
    }
    .bottom-left-step5-arrow-wrap-bottom-open {
        display: none;
    }
    .bottom-left-step5-arrow-wrap-bottom-close {
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        padding: 0 15px;
    }
    .wrap-page-quiz-footer-bottom-left-step5-preend-title-wrap {
        display: none;
    }
    .wrap-page-quiz-footer-bottom-left-step5-preend-title {
        color: #171B1C;
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        line-height: normal;
        padding-bottom: 25px;
        padding-top: 35px;
    }
    .wrap-page-quiz-footer-bottom-left-step5-preend-delete-all {
        text-align: right;
        padding-bottom: 15px;
    }
    .wrap-page-quiz-footer-bottom-left-step5-preend-wrap {
        display: none;
    }
    .wrap-page-quiz-footer-bottom-left-step5-preend {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 110px;
        margin-left: -10px;
        margin-right: -10px;
        gap: 10px;
        flex-direction: column;
        height: calc(100vh - 300px);
        overflow: auto;
    }
    .wrap-page-quiz-body-step-5-item-block-item-footer {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.04);
    }
    .wrap-page-quiz-body-step-5-item-block-item-footer {
        padding: 5px 15px;
        display: flex;
        align-items: center;
    }
    .wrap-page-quiz-body-step-5-item-block-item-delete-footer {
        width: 20px;
        height: 20px;
        right: 15px;
        top: 10px;
    }
    .wrap-page-quiz-body-step-5-item-block-item-image-footer img {
        width: 80px;
        min-width: 80px;
        max-height: 80px;
    }
	.wrap-page-quiz-body-step-5-item-block-item-title-footer {
		font-size: 14px;
    	text-align: left;
    	padding-right: 25px;
		height: auto;
	}
    .wrap-page-quiz-body-step-5-item-block-item-title-select-footer {
        padding-left: 15px;
    }
    .wrap-page-quiz-body-step-5-item-block-item-select-footer {
        font-size: 14px;
    }
    .bottom-left-step5-arrow-wrap-bottom {
        bottom: 130px;
    }
    .wrap-page-quiz-footer-bottom-left-step5-cs.wrap-page-quiz-footer-bottom-left-step5-cs-active {
        width: 100%;
        max-width: 100%;
        left: 0px;
        transform: inherit;
        border-radius: 0;
        position: fixed;
        bottom: 111px;
        height: calc(100vh - 171px);
        z-index: 999999;
    }
    .wrap-page-quiz-footer-bottom-left-step5-cs-active .bottom-left-step5-arrow-wrap-bottom-open {
        display: block;
        background: #fff;
        padding-top: 20px;
        position: relative;
        top: 61px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .wrap-page-quiz-footer-bottom-left-step5-cs-active .bottom-left-step5-arrow-wrap-bottom-close {
        display: none;
    }
    .wrap-page-quiz-footer-bottom-left-step5-cs-active .wrap-page-quiz-footer-bottom-left-step5-preend-title-wrap {
        display: block;
        position: relative;
        z-index: 4;
    }
    .wrap-page-quiz-footer-bottom-left-step5-cs-active .wrap-page-quiz-footer-bottom-left-step5-preend-wrap {
        display: block;
    }
    .wrap-page-quiz-body-step-5-item-wrap {
        padding-left: 0;
        margin-left: -25px;
        margin-right: -25px;
    }
    .wrap-page-quiz-body-step-5-item-wrap:last-child:before {
        display: none;
    }
    .wrap-page-quiz-body-step-5-item-title-wrap {
        margin: 0;
        padding: 0;
        text-align: center;
        justify-content: center;
        width: 100%;
        position: relative;
    }
    .wrap-page-quiz-body-step-5-item-title-wrap:before {
        position: absolute;
        content: '';
        display: block;
        height: 2px;
        width: 100%;
        border-radius: 10px 0px 0px 10px;
        background: #FF6B00;
        left: 1px;
    }
    .wrap-page-quiz-body-step-5-item-wrap-title {
        /* width: 100%; */
        /* text-align: center; */
        display: inline-block;
        width: auto;
        font-size: 16px;
        background-color: #fff;
        position: relative;
        padding: 0 15px;
    }
    .wrap-page-quiz-body-step-5-item-block {
        overflow: hidden;
    }
    .wrap-page-quiz-body-step-5-item-block .swiper {
        overflow: initial;
    }
    .wrap-page-quiz-body-step-5-item-block .swiper-wrapper {
        gap: 0;
        overflow: inherit;
    }
    .wrap-page-quiz-body-step-5-item-block .swiper-wrapper .swiper-slide {
        max-width: 200px;
        min-width: 200px;
        width: auto;
		padding-bottom: 20px;
    }
    .mySwiperStep5Item .swiper-slide-next .wrap-page-quiz-body-step-5-item-block-item-new {
        transform: scale(0.3);
        left: -55px;
    }
    .mySwiperStep5Item .swiper-slide-prev .wrap-page-quiz-body-step-5-item-block-item-new {
        transform: scale(0.3);
        right: -55px;
    }
    .mySwiperStep5Item .swiper-slide-prev .wrap-page-quiz-body-step-5-item-block-item-new:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.22);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 44;
    }
    .mySwiperStep5Item .swiper-slide-next .wrap-page-quiz-body-step-5-item-block-item-new:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.22);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 44;
    }
    .wrap-page-quiz-body-step-5-item-block-item-image-new img {
        width: 140px;
        height: 140px;
    }
    .wrap-page-quiz-body-step-5-item-block-item-new {
        max-width: 200px;
        min-width: 200px;
        padding: 45px 20px;
    }
    .wrap-page-quiz-body-step-5-item-wrap:after {
        display: none;
    }
    .wrap-page-quiz-footer-bottom-left-step5-preend-wrap:after {
        width: 100%;
        height: 100px;
        bottom: 0;
        left: 0;
        background-image: url(/wp-content/uploads/2024/01/blur-2.svg);
    }
    .wrap-page-quiz-footer-bottom-left-step6 .bottom-left-step-proggres-item.complete-step:nth-of-type(5) {
        display: block;
    }
    .wrap-page-quiz-footer-bottom-left-step6 .bottom-left-step-proggres-item.complete-step:nth-of-type(5) .bottom-left-step-proggres-item-text-2 {
        width: 90px;
        margin: auto;
    }
    .wrap-page-quiz-body-step-6 {
        margin-top: 15px;
        margin-bottom: 130px;
		/*overflow: hidden;*/
    }
    .wrap-page-quiz-body-step-6-right-subtitle {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-6-right-title {
        font-size: 26px;
        padding-bottom: 5px;
    }
    .wrap-page-quiz-body-step-6-right-row-search-product {
        font-size: 14px;
    }
    .wrap-page-quiz-body-step-6-right-row-similar-product-title {
        font-size: 10px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-title {
        padding-right: 10px;
        margin-top: 20px;
        padding-left: 10px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-title:before {
        display: none;
    }
    .wrap-page-quiz-body-step-6-right-row-title-block {
        gap: 20px;
        justify-content: space-between;
    }
    .wrap-page-quiz-body-step-6-right-row-title {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-6-right-row-title.wrap-page-quiz-body-step-6-right-row-title-active {
        position: relative;
    }
    .wrap-page-quiz-body-step-6-right-row-title.wrap-page-quiz-body-step-6-right-row-title-active:after {
        content: '';
        display: block;
        width: 60%;
        height: 2px;
        border-radius: 5px;
        background: #EF4C09;
        bottom: -4px;
        left: 50%;
        transform: translate(-50%);
        position: absolute;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block {
        margin-top: 20px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info {
        gap: 10px;
        position: relative;
        flex-direction: column;
        height: auto;
        padding-bottom: 35px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-left {
        width: 100%;
        text-align: center;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-left-top-size {
        font-size: 26px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-left-top-name {
        padding-top: 0px;
        font-size: 14px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-right {
        width: 100%;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-item {
        display: none;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-item.wrap-page-quiz-body-step-6-right-row-wrap-block-item-active {
        height: auto;
        visibility: inherit;
        display: block;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-left-bottom {
        /*position: absolute;*/
        width: 100%;
        /*bottom: 0;*/
        /*left: 0;*/
    }
    /*.wrap-page-quiz-body-step-6-right-row-wrap {*/
    /*    flex-direction: row;*/
    /*    justify-content: center;*/
    /*    gap: 30px;*/
    /*}*/
    .wrap-page-quiz-body-step-6-right-row-wrap-item {
        gap: 10px;
        justify-content: left;
    }
    .wrap-page-quiz-body-step-6-left-title {
        padding-top: 25px;
        font-size: 26px;
    }
    .wrap-page-quiz-body-step-6-left-text {
        font-size: 12px;
        padding-bottom: 30px;
    }
    .wrap-page-quiz-body-step-6-left-form-row {
        flex-direction: column;
    }
    .wrap-page-quiz-body-step-6-left-form-row-item {
        width: 100%;
    }
    body .wrap-page-quiz-body-step-6-left-form-row-item input {
        font-size: 12px !important;
    }
    body .wrap-page-quiz-body-step-6-left-form-row-item-textarea textarea {
        height: 140px;
    }
    .wrap-page-quiz-body-step-6-left-text-notice {
        font-size: 12px;
    }
    .wrap-page-quiz-body-step-6-left {
        display: none;
        padding: 0 16px;
    }
    #form-quiz {
        gap: 5px;
    }
    body .wrap-page-quiz-body-step-6-left-form-row-item select {
        height: 46.5px;
        width: 100%;
    }
    .wrap-page-quiz-body-step-6-left-form-row.wrap-page-quiz-body-step-6-left-form-row-radio {
        padding: 5px 0;
    }
    .wrap-page-quiz-footer-bottom-right>ul .nav-item.next li.step7-mobile.nextnavitem-active {
        display: block;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-equipment-info-more.wrap-page-quiz-body-step-6-right-row-wrap-equipment-info-more-active {
/*         display: block; */
        color: #F69924;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        width: 120px;
        margin: auto;
        border-radius: 5px;
        border: 1px solid #F69924;
        text-align: center;
        padding: 7px;
        background-image: url(/wp-content/uploads/2024/01/ic_round-expand-more-5.svg);
        background-position: right 15px center;
        background-repeat: no-repeat;
        padding-right: 20px;
        margin-top: 10px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-addit-option-more.wrap-page-quiz-body-step-6-right-row-wrap-addit-option-more-active {
/*         display: block; */
        color: #F69924;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        width: 120px;
        margin: auto;
        border-radius: 5px;
        border: 1px solid #F69924;
        text-align: center;
        padding: 7px;
        background-image: url(/wp-content/uploads/2024/01/ic_round-expand-more-5.svg);
        background-position: right 15px center;
        background-repeat: no-repeat;
        padding-right: 20px;
        margin-top: 10px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-equipment-info .swiper-wrapper {
        flex-direction: column;
        gap: 10px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item {
/*         display: none; */
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item:nth-child(1) {
        display: flex;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item:nth-child(2) {
        display: flex;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item:nth-child(3) {
        display: flex;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-equipment-info-show .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item {
        display: flex;
    }

    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item {
/*         display: none; */
        width: 100%;
        gap: 30px;
        padding: 15px 12px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-left-image {
        width: 55px;
        height: 55px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item-left-image img {
        width: 55px;
        height: 55px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item:nth-child(1) {
        display: flex;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item:nth-child(2) {
        display: flex;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item:nth-child(3) {
        display: flex;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-equipment-info-show .wrap-page-quiz-body-step-6-right-row-wrap-env-option-item {
        display: flex;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-addit-option {
        flex-direction: column;
        gap: 10px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item {
/*         display: none; */
        width: 100%;
        gap: 30px;
        padding: 15px 12px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item-left-image {
        width: 55px;
        height: 55px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item-left-image img {
        width: 55px;
        height: 55px;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item:nth-child(1) {
        display: flex;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item:nth-child(2) {
        display: flex;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item:nth-child(3) {
        display: flex;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-addit-option-show .wrap-page-quiz-body-step-6-right-row-wrap-addit-option-item {
        display: flex;
    }
    .bottom-left-step-proggres-items-mobile {
        display: block;
        padding: 0 15px;
    }
    .bottom-left-step-proggres-items {
        display: none;
    }
    .bottom-left-step-proggres-items-mobile-progress-bottom {
        border-radius: 10px;
        height: 5px;
        background: #FFD8B1;
        position: relative;
    }
    .bottom-left-step-proggres-items-mobile-progress-bottom:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        border-radius: 10px;
        background: #FF6B00;
    }
    .width-15-line:before {
        width: 15%;
    }
    .bottom-left-step-proggres-items-mobile-progress-top-right {
        color: #ACACAC;
        font-size: 12px;
        font-style: italic;
        font-weight: 500;
        line-height: normal;
        padding-bottom: 5px;
        text-align: right;
    }
    .bottom-left-step-proggres-items-mobile-progress-top {
        position: relative;
        padding-top: 20px;
    }
    .bottom-left-step-proggres-items-mobile-progress-top-left {
        position: absolute;
        width: 35px;
        height: 32px;
        background-image: url(/wp-content/uploads/2024/01/Vector-1.png);
        background-repeat: no-repeat;
        background-size: contain;
        color: #FFF;
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        padding-top: 7px;
        top: 0px;
    }
    .width-15-text {
        left: 5%;
    }
    .width-30-line:before {
        width: 30%;
    }
    .width-30-text {
        left: 20.5%;
    }
    .width-45-line:before {
        width: 45%;
    }
    .width-45-text {
        left: 35.5%;
    }
    .width-60-line:before {
        width: 60%;
    }
    .width-60-text {
        left: 50.5%;
    }
    .width-75-line:before {
        width: 75%;
    }
    .width-75-text {
        left: 65.5%;
    }
    .width-100-line:before {
        width: 100%;
    }
    .width-100-text {
        left: 90.5%;
    }
    .width-90-line:before {
        width: 90%;
    }
    .width-90-text {
        left: 80.5%;
    }
    .wrap-page-quiz-body-step-2-left-after-list-items {
        flex-direction: column;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-info-image {
        background-image: url(/wp-content/uploads/2024/01/ic_round-expand-more-6.svg);
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-info-image {
        background-image: url(/wp-content/uploads/2024/01/ic_round-expand-more-6.svg);
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-info .wrap-page-quiz-body-step-2-left-after-list-item-info-image:hover + .wrap-page-quiz-body-step-2-left-after-list-item-info-text {
        display: none;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-info .wrap-page-quiz-body-step-4-left-after-list-item-info-image:hover + .wrap-page-quiz-body-step-4-left-after-list-item-info-text {
        display: none;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-info.wrap-page-quiz-body-step-2-left-after-list-item-info-show .wrap-page-quiz-body-step-2-left-after-list-item-info-image:hover + .wrap-page-quiz-body-step-2-left-after-list-item-info-text {
        display: block;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-info.wrap-page-quiz-body-step-4-left-after-list-item-info-show .wrap-page-quiz-body-step-4-left-after-list-item-info-image:hover + .wrap-page-quiz-body-step-4-left-after-list-item-info-text {
        display: block;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-info.wrap-page-quiz-body-step-2-left-after-list-item-info-show .wrap-page-quiz-body-step-2-left-after-list-item-info-text {
        display: block;
        position: initial;
        box-shadow: none;
        width: 100%;
        font-size: 12px;
        padding: 15px 15px 10px;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-info.wrap-page-quiz-body-step-4-left-after-list-item-info-show .wrap-page-quiz-body-step-4-left-after-list-item-info-text {
        display: block;
        position: initial;
        box-shadow: none;
        width: 100%;
        font-size: 12px;
        padding: 15px 15px 10px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-info-show .wrap-page-quiz-body-step-2-left-after-list-item-info-image {
        transform: rotate(180deg);
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-info-show .wrap-page-quiz-body-step-4-left-after-list-item-info-image {
        transform: rotate(180deg);
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .wrap-page-quiz-body-step-2-left-after-list-item-info.wrap-page-quiz-body-step-2-left-after-list-item-info-show {
        position: initial;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-info.wrap-page-quiz-body-step-4-left-after-list-item-info-show {
        position: initial;
    }
    .wrap-page-quiz-footer {
        z-index: 9999;
    }
    .wrap-page-quiz-body-step-4-left-after-list-items {
        flex-direction: column;
    }
    .wrap-page-quiz-body-step-4-left-after-list-item-info-image {
        margin-top: 5px;
    }
    .wrap-page-quiz-body-step-4-left-text-mobile {
        display: block;
        color: #171B1C;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 20px;
    }
    .wrap-page-quiz-body-step-4-left-text {
        display: none;
    }
    .wrap-page-quiz-body-step-4-left-text-long {
        display: none;
    }
    .wrap-page-quiz-body-step-4-left-text-more {
        padding-top: 10px;
    }
    .wrap-page-quiz-body-step-4-left-text-more span {
        color: #F69924;
        font-weight: 700;
        display: inline-block;
        cursor: pointer;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2023/12/ic_round-expand-more-3.svg);
        font-size: 14px;
        padding-right: 25px;
        background-position: right -1px;
    }
    .wrap-page-quiz-body-step-4-left-text-hide {
        padding-top: 10px;
    }
    .wrap-page-quiz-body-step-4-left-text-hide span {
        color: #ACACAC;
        font-weight: 700;
        display: inline-block;
        cursor: pointer;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2023/12/ic_round-expand-more-4.svg);
        font-size: 14px;
        padding-right: 25px;
        background-position: right -1px;
    }
    .wrap-page-quiz-body-step-4-left-text-show .wrap-page-quiz-body-step-4-left-text-long {
        display: block;
    }
    .wrap-page-quiz-body-step-4-left-text-show .wrap-page-quiz-body-step-4-left-text-short {
        display: none;
    }
    .wrap-page-quiz-body-step-4-left-info-active .wrap-page-quiz-body-step-4-left-info-text-overfloy {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 999999;
        background: rgba(23, 27, 28, 0.45);
        backdrop-filter: blur(2px);
    }
    .wrap-page-quiz-body-step-3-item-block-item-select-footer-info .wrap-page-quiz-body-step-3-item-block-item-select-footer-info-text-overfloy {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 999999;
        background: rgba(23, 27, 28, 0.45);
        backdrop-filter: blur(2px);
    }
/*     .wrap-page-quiz-body-step-4-left-info-text-close {
        display: block;
    } */
    .wrap-page-quiz-body-step-4-left-info-text-close span {
        position: absolute;
        width: 40px;
        height: 40px;
        background-image: url(/wp-content/uploads/2024/01/ep_close.svg);
        top: 10px;
        right: 10px;
    }
    .wrap-page-quiz-body-step-3-item-block-item-select-footer-info-text-close {
        display: block;
    }
    .wrap-page-quiz-body-step-3-item-block-item-select-footer-info-text-close span {
        position: absolute;
        width: 40px;
        height: 40px;
        background-image: url(/wp-content/uploads/2024/01/ep_close.svg);
        top: 10px;
        right: 10px;
    }
    /*.wrap-page-quiz-footer-bottom-left-step5-preend {*/
    /*    display: none;*/
    /*}*/
    .bottom-left-step-proggres-items-mobile-progress-top-right-text-left {
        text-align: left;
    }
    .bottom-left-step-proggres-items-mobile-progress-top-right-text-none {
        height: 19.5px;
        font-size: 0;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-block-item-truck-info-left-top {
        display: none;
    }
    .bottom-left-step-proggres-items-mobile-old {
        display: none;
    }
    .bottom-left-step-proggres-items-mobile-active {
        display: block;
    }
    .bottom-left-step-proggres-items-mobile-deactive {
        display: none;
    }
    .wrap-page-quiz-body-step-6-right-row-wrap-equipment-info {
        margin-left: 0;
    }
    .equipmentInfoSummary {
        overflow: inherit;
    }
    .wrap-page-quiz-body-step-5-item-block .swiper-wrapper .swiper-slide.swiper-slide-next {
        pointer-events: none;
    }
    .wrap-page-quiz-body-step-5-item-block .swiper-wrapper .swiper-slide.swiper-slide-prev {
        pointer-events: none;
    }
    .bottom-left-step3-arrow-wrap-bottom-close-next img {
        transform: rotate(90deg);
        margin-left: 10px;
        margin-bottom: -1px;
    }
    .bottom-left-step3-arrow-wrap-bottom-close-prev img {
        transform: rotate(-90deg);
        margin-right: 10px;
        margin-bottom: -1px;
    }
    .popup-step-0-wrap-content {
        gap: 10px;
    }
    .popup-step-0-wrap-content-left {
        max-width: 360px;
        padding-top: 15px;
        padding-bottom: 20px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .popup-step-0-wrap-content-left-image img {
        max-height: 100px;
    }
    .popup-step-0-wrap-content-left-title {
        font-size: 16px;
        line-height: 18px;
        padding-top: 0;
    }
    .popup-step-0-wrap-content-left-text {
        font-size: 14px;
        line-height: 14px;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .popup-step-0-wrap-content-left-button a {
        height: 28px;
        width: 240px;
        font-size: 16px;
        line-height: 20px;
    }
    .popup-step-0-wrap-content-left-button span {
        height: 28px;
        width: 240px;
        font-size: 16px;
        line-height: 20px;
    }

    .popup-step-0-wrap-content-right {
        max-width: 360px;
        padding-top: 15px;
        padding-bottom: 20px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .popup-step-0-wrap-content-right-image img {
        max-height: 100px;
    }
    .popup-step-0-wrap-content-right-title {
        font-size: 16px;
        line-height: 18px;
        padding-top: 0;
    }
    .popup-step-0-wrap-content-right-text {
        font-size: 14px;
        line-height: 14px;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .popup-step-0-wrap-content-right-button span {
        height: 28px;
        width: 240px;
        font-size: 16px;
        line-height: 20px;
    }
    .popup-step-0-wrap-content-right-tag {
        /*display: none;*/
        width: 70px;
        height: 25px;
        font-size: 14px;
    }

    .popup-step-0-wrap-content-center {
        max-width: 360px;
        padding-top: 15px;
        padding-bottom: 20px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .popup-step-0-wrap-content-center-image img {
        max-height: 100px;
    }
    .popup-step-0-wrap-content-center-title {
        font-size: 16px;
        line-height: 18px;
        padding-top: 0;
    }
    .popup-step-0-wrap-content-center-text {
        font-size: 14px;
        line-height: 14px;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .popup-step-0-wrap-content-center-button span {
        height: 28px;
        width: 240px;
        font-size: 16px;
        line-height: 20px;
    }
    .popup-step-0-wrap-content-center-tag {
        /*display: none;*/
        width: 70px;
        height: 25px;
        font-size: 14px;
    }

    .popup-step-6-wrap-content {
        padding: 20px 15px 20px;
    }
    .popup-step-6-wrap {
        width: 100%;
        max-width: 360px;
    }
    .popup-step-6-wrap-content-block-title {
        font-size: 18px;
        flex-direction: column;
        max-width: 220px;
        margin: auto;
        text-align: center;
        line-height: 21px;
    }
    .popup-step-6-wrap-content-block-title img {
        width: 60px;
    }
    .popup-step-6-wrap-content-block-wrap {
        padding-top: 15px;
        padding-bottom: 20px;
        flex-direction: column;
        gap: 10px;
    }
    .popup-step-6-wrap-content-block-wrap-left {
        text-align: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .popup-step-6-wrap-content-block-wrap-left-title {
        font-size: 16px;
        line-height: 19px;
        margin: 0;
        padding-bottom: 10px;
    }
    .popup-step-6-wrap-content-block-wrap-left-lists {
        width: 100%;
    }
    .popup-step-6-wrap-content-block-wrap-left-list {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 5px;
    }
    .popup-step-6-wrap-content-block-wrap-left-image {
        margin-left: -8px;
        height: 30px;
        margin-top: -10px;
    }
    .popup-step-6-wrap-content-block-wrap-left-image img {
        width: 30px;
    }
    .popup-step-6-wrap-content-block-wrap-right {
        text-align: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .popup-step-6-wrap-content-block-wrap-right-title {
        font-size: 16px;
        line-height: 19px;
        margin: 0;
        padding-bottom: 10px;
    }
    .popup-step-6-wrap-content-block-wrap-right-lists {
        width: 100%;
    }
    .popup-step-6-wrap-content-block-wrap-right-list {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 5px;
    }
    .popup-step-6-wrap-content-block-wrap-right-image {
        margin-left: -8px;
        height: 30px;
        margin-top: -10px;
    }
    .popup-step-6-wrap-content-block-wrap-right-image img {
        width: 30px;
    }
    .popup-step-6-wrap-content-block-field {
        flex-wrap: wrap;
    }
    .popup-step-6-wrap-content-block-field-left {
        font-size: 17px;
        width: 100%;
        line-height: 17px;
        padding-bottom: 5px;
    }
    .popup-step-6-wrap-content-block-field-right {
        width: 100%;
    }
    .popup-step-6-wrap-content-block-field-left-input input {
        width: 100%;
        font-size: 12px !important;
        border-radius: 10px !important;
        padding: 2px 10px;
    }
    .popup-step-6-wrap-content-block-text {
        font-size: 12px;
        line-height: 15px;
    }
    .popup-step-6-wrap-content-block-notice {
        font-size: 10px;
        line-height: 12px;
    }
    .popup-step-6-wrap-content-block-buttons {
        gap: 16px;
        padding-top: 15px;
    }
    .popup-step-6-wrap-content-block-button-1 {
        width: calc(50% - 8px);
        height: 30px;
        line-height: 28px;
        font-size: 15px;
    }
    .popup-step-6-wrap-content-block-button-2 {
        width: calc(50% - 8px);
        height: 30px;
        line-height: 28px;
        font-size: 15px;
    }
    .wrap-page-quiz-body-step-6-left-form-row-item-radio {
        width: 100%;
    }
    .wrap-page-quiz-body-step-6-left-form-row-item-radio-field {
        width: 100%;
        justify-content: start;
    }
    .wrap-page-quiz-body-step-6-left-form-row {
        gap: 5px;
    }
}

on.clickBuyButton.button21.button.alt.ld-ext-left span {
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/wp-content/uploads/2024/04/dollar.svg);
}

a.sketch-sg-label.top_btn span {
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/wp-content/uploads/2024/04/pdf.svg);
}
a.sketch-sg-label.top_btn:hover {
    color: #ffffff !important;
}
textarea#messages::placeholder {
    color: #b1b1b1 !important;
}
.section-header-wrap-center-menu ul li a {
    transition: all 0.5s;
}
.section-header-wrap-center-menu ul li a:hover {
    transition: all 0.5s;
    color: #f69924!important;
}
.home-section-10-wrap-left-title h1 {
    color: rgb(23, 27, 28);
    font-family: Unbounded;
    font-size: 20px;
    font-weight: 700;
    line-height: 43px;
    padding-bottom: 20px;
}
@media (max-width: 768px) {
    .site header.woocommerce-products-header .term-description {
        padding: 0em;
        font-size: 14px;
        letter-spacing: 0;
    }
}
.term-description {
    height: 120px;
}

.archive #main h1.woocommerce-products-header__title.page-title, .archive #main header.woocommerce-products-header, .elementor-select-wrapper .select-caret-down-wrapper, a.button.product_type_woosb.add_to_cart_button.ajax_add_to_cart, button.single_add_to_cart_button.button.alt {
    display: block!important;
}
header.woocommerce-products-header .term-description {
    padding: 0em;
}
.single-product div.product form.cart .button {
    display: none !important;
}
.home-section-1-arrow-burron {
    display: none !important;
}
.home-section-3n-wrap-right-items {
    gap: 10px!important;
}
.home-section-3n-wrap-right-item img {
    margin: 0 auto;
    display: block;
    width: 100%;
    padding: 0px;
}

@media screen and (max-width: 1023px) {
    .section-header-wrap-left-logo img {
        max-width: 130px;
    }
}
.contact-preference-label {
    color: rgb(23, 27, 28);
    font-size: 16px;
    font-weight: 600;
}
.contact-preference-field label input {
    display: none;
}
.contact-preference-field label span {
    color: rgb(23, 27, 28);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    padding-left: 25px;
}
.contact-preference-field label span:before {
    width: 13px;
    height: 13px;
    border: 1px solid #171B1C;
    border-radius: 50%;
    left: 3px;
    top: 1px;
    display: block;
    position: absolute;
    content: '';
}
.contact-preference-field label input:checked + span:after {
    content: " ";
    width: 7px;
    height: 7px;
    border: 1px solid #171B1C;
    background: #171B1C;
    border-radius: 50%;
    left: 6px;
    top: 4px;
    display: block;
    position: absolute;
}
.contact-preference-field label input:checked + span {
    font-weight: 600;
}
.single-city.city-template-default {
	background-image: url(/wp-content/uploads/Group-1987.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}