@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap");

* {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
}
img {
   width: 100%;
}

.container {
   width: 100%;
   max-width: 1200px;
   padding: 0 15px;
   margin: 0 auto;
}
body {
   font-family: "Montserrat", sans-serif;
}
.form {
   padding: 55px 80px;
   background-image: url(../images/bg-form.jpg);
   background-size: cover;
   text-align: center;
   max-height: 651px;
   max-width: 900px;
}
.form__title {
   font-weight: bold;
   font-size: 25px;
   color: rgb(24, 24, 197);
   margin-bottom: 10px;
}

.form__subtitle {
   color: rgb(196, 27, 27);
   font-size: 20x;
}
.form__desc {
   font-size: 22px;
   font-weight: bold;
   color: rgb(61, 61, 228);
   margin: 17px 0px 30px;
}
.form__main {
   display: flex;
   justify-content: space-between;
   text-align: center;
   flex-direction: column;
   align-items: center;
}
.form__main label {
   font-size: 19px;
   font-weight: bold;
   color: rgb(24, 24, 197);
   width: 100%;
   max-width: 340px;
   margin-bottom: 10px;
}
.form__main input, .form__main select {
   margin-top: 8px;
   height: 55px;
   box-sizing: border-box;
   display: block;
   padding: 15px;
   font-size: 20px;
   border-radius: 5px;
   max-width: 340px;
   width: 100%;
   outline: none;
   border: 1px solid rgb(24, 24, 197);
}
.form__box {
   margin-top: -10px;
   margin-bottom: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.form__box-button button {
   border-radius: 10px;
   background-color: rgb(24, 24, 197);
   padding: 15px 30px;
   outline: none;
   border: none;
   text-transform: uppercase;
   color: white;
   font-size: 18px;
   cursor: pointer;
}
.form__box-wrap {
   width: 90px;
   height: 90px;
}
.form__box-medicin {
   padding: 10px;
   background-color: white;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.form__deadline {
   font-size: 15px;
   text-transform: uppercase;
   font-weight: bold;
   color: rgb(49, 42, 42);
   margin-bottom: 5px;
}
.form__footer-title {
   font-size: 14px;
}
@media (max-width: 800px) {
   .form__main {
      flex-wrap: wrap;
      justify-content: center;
   }
   .form {
      padding: 95px 50px 110px 50px;
      background-image: url(../images/bg-form.jpg);
      text-align: center;
      max-height: 826px;
      background-size: 100% 100%;
      max-width: 900px;
   }
}
@media (max-width: 590px) {
   .form {
      position: relative;
   }
   .form__box-medicin {
      position: absolute;
      bottom: 20px;
      right: 10px;
   }
   .form__box {
      justify-content: center;
      margin-top: 10px;
      margin-bottom: 8px;
   }
   .form__box-gologram {
      position: absolute;
      left: 10px;
      bottom: 20px;
   }
}
@media (max-width: 517px) {
   .form {
      padding: 70px 50px 159px 50px;
   }
   .form__desc {
      font-size: 17px;
   }
}
@media (max-width: 435px) {
   .form {
      position: relative;
   }
   .form__box-medicin {
      position: absolute;
      bottom: 0px;
      right: 0px;
   }
   .form__box {
      justify-content: center;
   }
   .form__box-gologram {
      position: absolute;
      left: 0px;
      bottom: 0px;
   }
   .form__desc {
      border: 2px solid #0299ff;
      font-size: 16px;
      padding: 10px;
   }
   .form__title {
      font-size: 23px;
   }
   .form__subtitle {
      font-size: 14px;
   }
   .form__main label {
      font-size: 15px;
   }
   .form__deadline {
      font-size: 13px;
   }
   .form__footer-title {
      font-size: 12px;
   }
   .form {
      padding: 70px 50px 113px 50px;
      max-height: 826px;
   }
   .form__main input, .form__main select {
      /*width: unset !important;*/
      margin: 0 auto;
      font-size: 18px;
   }
   .form__main input::placeholder, .form__main select::placeholder {
      font-size: 14px;
   }
   .form {
      background-image: url(../images/bg-form-mobile.jpg);
      padding: 61px 30px 113px 32px;
      max-height: 883px;
   }
   .form__box-button button {
      font-size: 14px;
   }
   .form__box-wrap {
      margin: 10px;
   }
}
.form__deadline-clock {
   color: red;
}