:focus {
    outline: -webkit-focus-ring-color auto 0;
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    margin: 0;
}

/* Анимация кнопки ----------------------------------------*/
.sale-button a {
    position: relative;
    z-index: 1;
}

.sale-button a::after {
    content: '';
    width: 10px; height: 10px;
    border-radius: 100%;
    border: 3px solid #FDD30F;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-animation: wave 1.5s infinite;
            animation: wave 1.5s infinite;
}
.sale-button a:hover::after {
    -webkit-animation: none;
            animation: none;
    display: none;
}
@-webkit-keyframes wave {0% {width: 30px;height: 30px;opacity: 1;}100% {width: 200px;height: 200px;opacity: 0;}}@keyframes wave {0% {width: 30px;height: 30px;opacity: 1;}100% {width: 200px;height: 200px;opacity: 0;}}


/* Квиз ----------------------------------------------------*/
.dialog-widget-content {
    border-radius: 12px !important;
}

.elementor-popup-modal .dialog-close-button {
    top: -20px;
    right: -25px;
}

.elementor-popup-modal .eicon-close:before {
    font-size: 22px;
    color: #FDD30F;
}

.dialog-widget-content {
    width: 950px !important;
}

.dialog-message {
    width: 950px !important;
}

.pafe-multi-step-form__progressbar {
    display: none !important;
}

.quiz-field .pafe-field-container {
    display: unset !important;
}
.quiz-field form > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content:  flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.quiz-field-2 form > div {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.quiz-field form > div span{
    width: 33.3%;
}

.quiz-field-3 form > div span{
    width: 33.3%;
}

.quiz-field form label {
    cursor: pointer;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 700 !important;
    color: #000000 !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 160px 15px 15px;
    height: 230px;
    border-radius: 15px;
}

.quiz-field form label::before {
    display: block !important;
    top: 2px !important;
    background-color: #fff !important;
}
.quiz-field form input[type="radio"]:checked ~ label {
    color: #3E38F7 !important;
}

.quiz-field form input[type="radio"]:checked ~ label:before {
    background: #FDD30F !important;
}

.quiz-field-4 input,
.quiz-field-5 input {
    width: 100% !important;
}

@media (max-width: 1023px) {
    .dialog-widget-content {
        width: 700px !important;
    }
    
    .dialog-message {
        width: 700px !important;
    }

    .element-left {
        width: 65% !important;
    }
    .element-right {
        width: 35% !important;
    }

    .quiz-field-2 form > div span{
        width: 50%;
    }
}

@media (max-width: 767px) {
    .dialog-widget-content {
        width: 320px !important;
    }
    
    .dialog-message {
        width: 320px !important;
    }

    .element-left {
        width: 100% !important;
    }

    .quiz-field form > div {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .quiz-field form > div span{
        width: 100%;
        margin-bottom: 20px;
    }

    .quiz-field form > div span:last-child {
        margin-bottom: 0;
    }

    .quiz-field form label {
        height: 270px;
        padding: 200px 15px 15px;
    }

    .quiz-field-3 form label {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
    }
}
.quiz-field form > div span label:before {
	flex-shrink: 0;
}

.quiz-field-1 form > div span:nth-child(1) label {
    background-image: url(../image/q-1-1.png);
}
.quiz-field-1 form > div span:nth-child(2) label {
    background-image: url(https://www.yonatanwinner.co.il/wp-content/uploads/2026/01/1768842886-1.jpg);
}
.quiz-field-1 form > div span:nth-child(3) label {
    background-image: url(../image/q-1-2.png);
}
.quiz-field-1 form > div span:nth-child(4) label {
    background-image: url(https://www.yonatanwinner.co.il/wp-content/uploads/2026/01/1768843639.jpg);
}
.quiz-field-1 form > div span:nth-child(5) label {
    background-image: url(../image/q-1-3.png);
}

.quiz-field-2 form > div span:nth-child(1) label {
    background-image: url(../image/q-2-1.png);
}
.quiz-field-2 form > div span:nth-child(2) label {
    background-image: url(../image/q-2-2.png);
}

.quiz-field-3 form > div span:nth-child(1) label {
    background-image: url(https://www.yonatanwinner.co.il/wp-content/uploads/2026/01/1.jpg);
}
.quiz-field-3 form > div span:nth-child(2) label {
    background-image: url(https://www.yonatanwinner.co.il/wp-content/uploads/2026/01/2.jpg);
}
.quiz-field-3 form > div span:nth-child(3) label {
    background-image: url(https://www.yonatanwinner.co.il/wp-content/uploads/2026/01/3.jpg);
}
.quiz-field-3 form > div span:nth-child(4) label {
    background-image: url(https://www.yonatanwinner.co.il/wp-content/uploads/2026/01/4.jpg);
}
.quiz-field-3 form > div span:nth-child(5) label {
    background-image: url(https://www.yonatanwinner.co.il/wp-content/uploads/2026/01/5.jpg);
}

/* Всплывающая форма ---------------------------------------*/
#elementor-popup-modal-87 .dialog-widget-content, #elementor-popup-modal-906 .dialog-widget-content, #elementor-popup-modal-909 .dialog-widget-content {
    width: 320px !important;
}

#elementor-popup-modal-87 .dialog-message, #elementor-popup-modal-906 .dialog-message, #elementor-popup-modal-909 .dialog-message {
    width: 320px !important;
}

/* Поля формы ----------------------------------------------*/
input[type=tel] {
    padding-left: 40px !important;
    background-image: url(../image/phone.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

input[type=tel]:focus {
    background-image: url(../image/phone.png);
}

input[name="form_fields[name]"] {
    padding-left: 40px !important;
    background-image: url(../image/user.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

input[name="form_fields[name]"]:focus {
    background-image: url(../image/user.png);
}

input[name="form_fields[adress1]"] {
    padding-left: 40px !important;
    background-image: url(../image/adress1.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

input[name="form_fields[adress1]"]:focus {
    background-image: url(../image/adress1.png);
}

input[name="form_fields[adress2]"] {
    padding-left: 40px !important;
    background-image: url(../image/adress2.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

input[name="form_fields[adress2]"]:focus {
    background-image: url(../image/adress2.png);
}

input[name="form_fields[gruz]"] {
    padding-left: 40px !important;
    background-image: url(../image/gruz.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

input[name="form_fields[gruz]"]:focus {
    background-image: url(../image/gruz.png);
}

input[name="form_fields[people]"] {
    padding-left: 40px !important;
    background-image: url(../image/user.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

input[name="form_fields[people]"]:focus {
    background-image: url(../image/user.png);
}

input[name="form_fields[date]"] {
    padding-left: 40px !important;
    background-image: url(../image/date.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

input[name="form_fields[date]"]:focus {
    background-image: url(../image/date.png);
}

input[name="form_fields[time]"] {
    padding-left: 40px !important;
    background-image: url(../image/time.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

input[name="form_fields[time]"]:focus {
    background-image: url(../image/time.png);
}

.checkbox-form button {
    display: none;
}

/* Таблица ---------------------------------------------------*/

table {
    border-spacing: 0px !important;
    border-collapse: collapse !important;
}

table tr,
table tr .ha-table__body-row-cell-text,
table a {
    -webkit-transition: all .3s ease-out !important;
    -o-transition: all .3s ease-out !important;
    transition: all .3s ease-out !important;
}

table .ha-table__body-row td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

table .ha-table__body-row td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* Аккордион -------------------------------------*/
.custom-accordion .elementor-accordion-item {
    margin-top: 20px;
    margin-bottom: 20px;
}

.custom-accordion .elementor-accordion-item .elementor-tab-title {
    border-radius: 15px;
}
.custom-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
    border-radius: unset;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.custom-accordion .elementor-accordion-item .elementor-tab-content {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* footer -------------------------------------*/
.footer-link a {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.footer-link a:hover {
    color: #FDD30F !important;
}