@import url("https://cloud.m.wobi.co.il/pilonifont");

:root {
 --main-color: #2b7099;
 --secondary-color: #ed8c26;
 --f-normal: PiloniLight, Arial, Helvetica, sans-serif; /*font-weight normal*/
 --f-demi_bold: PiloniDemiBold, Arial, Helvetica, sans-serif; /*font-weight 600*/
 --f-bold: PiloniBold, Arial, Helvetica, sans-serif; /*font-weight bold*/
 --f-block: PiloniBlock, Arial, Helvetica, sans-serif; /*font-weight 900*/
}

body,
html {
 color: var(--main-color);
 direction: rtl;
 font-family: var(--f-normal);
 font-size: 16px;
 text-align: center;
 width: 100%;
}

*::after,
*::before,
* {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

input {
 font-family: inherit;
}
.flex {
 display: flex;
 justify-content: center;
 justify-self: center;
}
.f_col {
 flex-direction: column;
}
.container {
 margin: auto;
 padding: 0 20px;
 width: 100%;
}
header {
 margin: 20px auto;
 max-width: 800px;
}

hr {
 border-top: 1px solid var(--secondary-color);
  border-bottom: 1px solid var(--secondary-color);
 margin: 20px 0;
}

header hr:last-child {
 max-width: 600px;
 width: calc(100% - 20%);
 margin-left: auto;
 margin-right: auto;
}

header img {
 max-width: 500px;
 width: 100%;
 margin: auto;
}
h1 {
 font-size: 1.75em;
 font-family: var(--f-bold);
}
form {
 margin: 20px auto;
 max-width: 500px;
 width: 100%;
}
.form-item {
 font-size: 1.3em;
 margin: 10px;
 padding: 0 20px;
 text-align: start;
}
.form-item input {
 accent-color: var(--main-color);
}
.form-item label {
 padding-right: 5px;
 font-family: var(--f-demi_bold);
}
.form-item:last-of-type {
 padding-bottom: 50px;
}
button {
 background-color: var(--main-color);
 border-radius: 5px;
 color: #fff;
 cursor: pointer;
 font-size: 1.3em;
 padding: 20px 100px;
}
@media screen and (min-width: 992px) {
 .container {
  max-width: 1366px;
  padding: 0 7px;
 }
}