/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/style.css ***!
  \**************************************************************************************************************************************************/
body {
  margin: 0px;
  height: 100vh;
  background: #1283da;
}

h1,
h2,
h3,
p,
ul {
  margin: 0;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

ul {
  list-style: none;
}

.columns {
  display: grid;
  grid-template-columns: repeat(auto-fill, 290px);
  grid-gap: 20px;
}

.columns li {
  /* padding: 15px; */
}

.columns li p {
  font-size: 18px;
  margin-bottom: 3px;
}

[dir="ltr"] .petrol {
  padding-left: 1ch;
}

[dir="rtl"] .petrol {
  padding-right: 1ch;
}

.petrol {
  list-style-image: url(assets/1d178da0a8fb02ece51a.svg);
  list-style-position: inside;
}

.diesel {
  list-style-image: url(assets/93c9e7a291532d40558f.svg);
  list-style-position: inside;
}

.gas {
  list-style-image: url(assets/33cebecd45adee595020.png);
  list-style-position: inside;
}

.Passanger {
  padding-left: 20px;
  background-image: url(assets/82da44b3b9988b77a026.svg);
  background-repeat: no-repeat;
  background-size: 20px;
}

.Truck {
  padding-left: 20px;
  background-image: url(assets/024f3997714a94454e3f.svg);
  background-repeat: no-repeat;
  background-size: 20px;
}

.GasCar {
  padding-left: 20px;
  background-image: url(assets/e5591703878b286540ef.png);
  background-repeat: no-repeat;
  background-size: 20px;
}

.form-input {
  width: 90%;
  padding: 20px;
  background: #fff;
  box-shadow: -3px -3px 7px rgba(94, 104, 121, 0.377), 3px 3px 7px rgba(94, 104, 121, 0.377);
}

.preview {
  width: 100%;
  display: none;
  margin-bottom: 30px;
}

.file {
  display: none;
}

.label {
  display: block;
  width: 45%;
  height: 45px;
  margin-left: 25%;
  line-height: 50px;
  text-align: center;
  background: #1172c2;
  color: #fff;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  text-transform: Uppercase;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 30px;
}

h1 {
  text-align: center;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  text-transform: Uppercase;
  font-weight: 900;
  margin-bottom: 50px;
}

.btn {
  display: block;
  width: 350px;
  height: 45px;
  margin: 0 auto 20px;
  line-height: 50px;
  text-align: center;
  background-color: #1172c2;
  color: #fff;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  text-transform: Uppercase;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  transition: background-color 0.3s ease;
}

.btn:hover {
  background-color: #1172ff;
}

.btn:active {
  background-color: #11cccc;
  transform: translateY(2px);
}

.btn:disabled {
  background: #6699ff;
  opacity: 0.4;
  cursor: auto;
}

.car {
  display: none;
}

.leaves-client {
  max-height: 100px;
  overflow-y: scroll;
}

.leaves-client-wrapper p {
  font-size: 18px;
  margin-bottom: 5px;
}

/*# sourceMappingURL=main71733a5e98ddb89fbdad.css.map*/