body {
  background-color: black;
  background: url('../assets/img/background.jpg') 0 0/cover no-repeat;
  font-family: 'Roboto', sans-serif;
}
.container-xxl { height: 100vh; }
.content { height: calc(100vh - 285px) }
header { height: 120px; }
footer { height: 130px; }
a, a:hover { text-decoration: none; }
.f100 { font-weight: 100; }
.f300 { font-weight: 300; }
.f400 { font-weight: 400; }
.f500 { font-weight: 500; }
.f700 { font-weight: 700; }
.f900 { font-weight: 900; }
.size52 { font-size: 42px; }
.size32 { font-size: 32px; }
.size26 { font-size: 26px; }
.size24 { font-size: 24px; }
.size22 { font-size: 22px; }
.size18 { font-size: 18px; }
.size14 { font-size: 14px; }
.text-white { color: #ffffff; }
.text-black { color: #1C1C1C; }
.text-green { color: #6CB728; }
.line-height100 { line-height: 100%; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.pt15 { padding-top: 15px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.pointer { cursor: pointer; }
.p60 { padding: 60px; }
.p30 { padding: 30px; }
.w580 { width: 580px; }
.bg-container { height: 100vh; }
.form {
  background-color: #ffffff;
  font-family: 'Roboto', sans-serif  !important;
  width: 100%;
  height: 620px;
  padding: 25px;
}
.label {
  font-family: 'Roboto', sans-serif;
  color: #1C1C1C;
  font-weight: 500;
  font-size: 22px;
}
.btn-send {
  padding: 24px 35px;
  background: #6CB728;
  box-shadow: 0px 10px 22px rgba(108, 183, 40, 0.45);
  border: none;
}
.btn-send-small {
  padding: 14px 20px;
  background: #6CB728;
  box-shadow: 0px 10px 22px rgba(108, 183, 40, 0.45);
  border: none;
}
.feed-back {
  background-color: transparent;
  border: none;
  text-decoration: underline dashed;
}
.input {
  border: none;
  border-bottom: 1px solid black;
}
.green-line {
  width: 220px;
  height: 6px;
  background: #6CB728;
}
.form-control, select, option {
  padding: 15px 20px !important;
  font-size: 22px !important;
}
option {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1330px) {
  .size52 { font-size: 42px; }
  .form {
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif  !important;
    width: 410px;
    height: 420px;
  }
  .mb-5 {margin-bottom: 15px !important; }
  .btn-send { padding: 10px; }
  .size26 { font-size: 18px; }
  .size24 { font-size: 18px; }
  .p60 { padding: 20px; }
}
.alert {
  position: absolute;
  top: 50%;
  right: 50%;
}
@media screen and (min-width: 991px) {
  .desctop { display: flex; }
  .mobile { display: none; }
}
@media screen and (max-width: 990px) {
  .desctop { display: none; }
  .mobile { display: block; }
  .title {
    display: flex;
    align-content: center;
  }
  header { height: auto; }
  footer {
    margin-top: 30px;
    height: auto;
  }
  .content { height: auto; }
  .green-line { margin-top: 30px; }
  .list { margin-top: 20px; }
  .form {
    display: flex;
    width: 100%;
  }
  .mob_mt30 { margin-top: 30px; }
  .form-container {
    display: flex;
    justify-content: start !important;
  }
  .check { height: 30px }
  .size52 { font-size: 22px; }
  body {
    background: url('../assets/img/background-mobile.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 200%;
    background-color: black;
  }
  .form {
    height: 100%;
    padding: 15px;
  }
  .mob-text-center { text-align: center; }
  .form-control, select, option {
    padding: 10px !important;
    font-size: 16px !important;
  }
  .label { font-size: 18px; }
  .size24 { font-size: 18px; }
  .container-xxl { height: auto; }
  .content { height: auto; }
  header { height: auto; }
  footer { height: auto; }
}