.elementor-7240 .elementor-element.elementor-element-7ddacaf{--display:flex;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-1a4e463 */html, body {
min-height: 100%;
}
body, div, form, input, select, p, textarea { 
padding: 0;
margin: 0;
outline: none;
font-family: 'Assistant', Arial, sans-serif;
font-size: 16px;
color: #eee;
}
body {
background: url("https://www.ybe.org.il/wp-content/uploads/2025/12/mehina.jpeg") no-repeat center;
background-size: cover;
overflow-y: auto;
}
h1, h2 {
text-transform: uppercase;
font-weight: 400, bold;
}
h2 {
margin: 0 0 0 8px;
}
.main-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 25px;
  background: rgba(0, 0, 0, 0.5);
}

.left-part, form {
padding: 25px;
}
.left-part {
text-align: center;
}
.fa-graduation-cap {
font-size: 72px;
}
form {
background: rgba(0, 0, 0, 0.7); 
}
.title {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.info {
display: flex;
flex-direction: column;
}
input, select {
padding: 5px;
margin-bottom: 30px;
background: transparent;
border: none;
border-bottom: 1px solid #eee;
}

input::placeholder {
    color: #eee;
}

textarea {
    padding: 5px;
    margin-bottom: 30px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #eee;
}

textarea::placeholder {
    color: #eee;
}

option:focus {
border: none;
}
option {
background: black; 
border: none;
}
.checkbox input {
margin: 0 10px 0 0;
vertical-align: middle;
}
.checkbox a {
color: #26a9e0;
}
.checkbox a:hover {
color: #85d6de;
}
.btn-item, button {
padding: 10px 5px;
margin-top: 20px;
border-radius: 5px; 
border: none;
background: #26a9e0; 
text-decoration: none;
font-size: 15px;
font-weight: 400;
color: #fff;
}
.btn-item {
display: inline-block;
margin: 20px 5px 0;
}
button {
width: 100%;
}
button:hover, .btn-item:hover {
background: #85d6de;
}
@media (min-width: 568px) {
html, body {
height: auto;
}
.main-block {
flex-direction: row;
min-height: calc(100vh - 50px); 
}
.left-part, form {
flex: 1;
height: auto;
}
}
.input-error {
  border: 2px solid red;
  background-color: #ffe6e6;
}

#imagePreview {
  max-width: 150px;
  max-height: 150px;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 4px;
  object-fit: contain;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

input, textarea {
  direction: rtl;
  text-align: right;
}/* End custom CSS */