.elementor-37302 .elementor-element.elementor-element-c2caa47{--display:flex;}.elementor-37302 .elementor-element.elementor-element-c2caa47:not(.elementor-motion-effects-element-type-background), .elementor-37302 .elementor-element.elementor-element-c2caa47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-37302 .elementor-element.elementor-element-aea555b{width:var( --container-widget-width, 69% );max-width:69%;--container-widget-width:69%;--container-widget-flex-grow:0;}/* Start custom CSS for shortcode, class: .elementor-element-aea555b */h2 {
    font-family: "ploni";
    font-size: 70px;
    font-weight: bold;
    color: #F7A46C;
    margin-bottom: 20px;
    justify-content: center;
    display: flex;
}

/* שדות קלט */
input[type="text"],
input[type="number"],
textarea {
    font-family: "ploni";
    width: 100%;
    /*max-width: 400px;*/
    padding: 15px;
    /*margin: 6px auto;*/
    border: 0px solid #1D5F73;
    border-radius: 10px;
    font-size: 18px;
    background-color: #22617C;
    color: #FFF;
    box-sizing: border-box;

}

input[type="text"]::placeholder,
textarea::placeholder {
    color: #C7C7C7;
}

input:focus,
textarea:focus {
    border-color: #F7A46C;
    outline: none;
}

/* כפתורים כלליים */
button {
    font-family: "ploni";
    font-size: 18px;
    font-weight: bold;
    padding: 15px 30px;
    border: none;
    border-radius: 10px;
    margin: 20px 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* כפתור הבא */
button.buttonnext {
    background-color: #F9B17A;
    color: #0A4D61;

}

button.buttonnext:hover {
    background-color: #D88B5C;


}


/* כפתור הקודם */
button.buttonprev {
    background-color: #FFF;
    color: #0A4D61;
    border: 0px solid #F9B17A;
    
}

button.buttonprev:hover {
    background-color: #F9B17A;
    color: #FFF;
}

/* עיצוב תיבות בחירה (רדיו כפתורים) */
label {
    font-family: "ploni";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    max-width: 400px;
    padding: 15px;
    margin: 10px auto;
    border: 0px solid #1D5F73;
    border-radius: 10px;
    background-color: #064B5B;
    color: #FFF;
    cursor: pointer;
    transition: border-color 0.3s ease;
    
}

input[type="radio"] {
    display: none;
}

input[type="radio"]:checked + label {
    border-color: #F7A46C;
    
}

/* עיצוב התקדמות שלבים */
#progress {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
}

#progress span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1D5F73;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    
}

#progress .active {
    background-color: #F7A46C;
    color: #0A4D61;
}

/* עיצוב הודעת סיום */
#donesuccess {
    font-family: "ploni";
    text-align: center;
    color: #FFE3C5;
}

#donesuccess img {
    font-family: "ploni";
    width: 80px;
    margin: 20px 0;
}

#donesuccess h1 {
    font-family: "ploni";
    font-size: 24px;
    font-weight: bold;
}

.row {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}

.row input {
    width: 48%; /* חצי רוחב לכל שדה */
}

#buttonnext {
    position: absolute;
    bottom: 0px;
    display: flex;
    justify-content: center; /* מרכז את הכפתורים אופקית */
    align-items: center; /* מרכז את הכפתורים אנכית בתוך האלמנט */
    margin: 0 auto; /* מרכז את כל האלמנט של הכפתורים */
    width: 100%; /* מבטיח שהאזור תופס את כל הרוחב */
}

 #buttonnext2 {
    position: absolute;
    bottom: 0px;
    display: flex;
    justify-content: center; /* מרכז את הכפתורים אופקית */
    align-items: center; /* מרכז את הכפתורים אנכית בתוך האלמנט */
    margin: 0 auto; /* מרכז את כל האלמנט של הכפתורים */
    width: 100%; /* מבטיח שהאזור תופס את כל הרוחב */
}

button {
    margin: 7px; /* מוסיף רווח בין הכפתורים אם יש יותר מאחד */
}
.titlepy {
    font-family: "ploni";
    color: #F9B17A;
    display: flex;
    justify-content: center;
}
.elementor-37302 .elementor-element.elementor-element-aea555b {
    min-height: 500px;
}/* End custom CSS */