.join-form {
   max-width: 760px;
   margin: 36px auto 0;
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
}
option {
   font-size: 14px;
}
.join-form input,
.join-form select {
       height: 100%;
   width: calc(50% - 7px);
   padding: 15px 18px;
   background: #050505;
   border: 1px solid rgba(255, 145, 0, 0.35);
   color: #dbdbdb;
   font: inherit;
   outline: none;
}
select{
   font-size: 14px!important;
}
.pn {
   width: calc(50% - 7px);
   background: #050505;
   border: 1px solid rgba(255, 145, 0, 0.35);
   color: #fff;
   font: inherit;
   outline: none;
}
.join-form input::placeholder {
   font-size: 14px;
   color: rgba(255, 255, 255, 0.55);
}

.join-form input:focus,
.join-form select:focus {
   border-color: #ff9200;
}

.join-form button {
   margin: 10px auto 0;
   padding: 16px 46px;
   border: none;
   background: #ff9200;
   color: #000;
   font-weight: 700;
   text-transform: uppercase;
   cursor: pointer;
}

.join-form__message {
   width: 100%;
   text-align: center;
   color: #ff9200;
}
.s-form {
   padding: 0 40px 80px;
}
@media (max-width: 768px) {
   .pn {
      width: 100%;
   }
   .join-form {
      gap: 12px;
   }
   .s-form {
      padding: 10px;
   }

   .join-form input,
   .join-form select {
      width: 100%;
   }

   .join-form button {
      width: 100%;
   }
}


.but:disabled {
  background-color: gray;
  cursor: not-allowed;
}
.but:disabled::after {
  border-color: gray;
}
.but:active {
  cursor: not-allowed;
}
.iti__flag {
   display: none;
}
.iti__flag-box {
   display: none!important;
}