.tts-career-container{
    background: radial-gradient(circle at 50% 0%, #052b1d, #071a12, #000000);

}
.tts_main_career{
    width:100%;
    /* height:100vh; */
    height:auto;
    display:flex;
    align-items: center;
        justify-content: center;
    /* margin-top: 16vh; */
   padding: 15vh 0 10vh;
        background: transparent;
  }

  .tts_main_career .tts_career_innerdiv{
display: flex
;
    width: 40%;
    height: 100%;
    /* background: #fff; */
    border-radius: 6px;
    flex-direction: column;
    padding: 2vh;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgb(123 123 123 / 3%);
    border: 2px solid #0f2a1f;
  }
  .tts_career_innerdiv_heading{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
  }
    .tts_career_innerdiv_heading h1{
padding: 2vh 0 3vh 0;
    font-size: 2vw;
    color: #41aa5f;
    font-family: 'apercu-pro-medium';
    }
.tts_main_career input{
font-family: 'apercu-pro-medium';
    color: #ffffff;
    opacity: 60%;
    font-size: 0.8vw;
    padding-left: 2.5vw;
    margin: 0;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgb(123 123 123 / 3%);
    border: 2px solid #0f2a1f;
    width: 100%;
    text-transform: uppercase;
  }

  .tts_main_career  input::placeholder {
  color: #ffffff;
  opacity: 1;
  font-size: 0.8vw;
      font-family: 'apercu-pro-medium';
}

 .tts_main_career input:focus{
   padding: 0 0vw 0px 2.5vw !important;
 }
 .tts_main_career  input:not(:placeholder-shown){
  padding: 0 2vw 0px 2.5vw !important;
}
.tts_main_career input:not(:placeholder-shown)~.field__label {
    top: -1vh;
}
.tts_main_career input:not(:placeholder-shown)~.field__label {
    top: -1vh;
  font-family: 'Inter-Regular';
}
.tts_main_career .field label{
    font-family: 'apercu-pro-medium';
    color: #ffffff;
    opacity: 60%;
    font-size: 0.85vw;
    padding-left: 2.5vw;
    margin: 0;
}
.tts_main_career .tts_career_innerdiv form .tts_career_innerdiv_info{
/* width: 100%;
    height: 50vh; */
    border: 1px solid #000;
    flex-wrap: wrap;
    display: flex;
  gap: 1vh;
  padding: 2vh;
  }

  .tts_career_innerdiv_input{
height: 10vh;
    border: 1px solid #000;
    width: 49%;
    background: #F5F5F5;
  }

  #RegisterForm-LastName{
    position: absolute;
  }
/* input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
  opacity:0;
  width:80%;
  z-index:-2;
    -webkit-appearance: none;
} */
    .tts_career_innerdiv  .contact__fields {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* / grid-column-gap: 2rem; / */
      gap: 1.5vh;
    }

 .tts_main_career input[type="number"]::-webkit-outer-spin-button,
 .tts_main_career  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

 .tts_career_innerdiv .field, .field__input, #RegisterForm-gender, #ContactForm-body{
    background-color: #F5F5F5;
  --inputs-border-width: 0 !important;
    --inputs-border-opacity: 0 !important;
    border: unset;
    height: 9vh;
   border-radius: 5px;
      font-family: 'apercu-pro-medium';
   display: flex;
    align-items: center;
    justify-content: flex-start;
        -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgb(123 123 123 / 3%);
    border: 2px solid #0f2a1f;
  }

.tts_career_innerdiv .field #RegisterForm-gender{
 width: 100%;
    width: 100%;
    font-family: 'apercu-pro-medium';
    text-transform: uppercase;
    color: #ffffff;
    opacity: 60%;
    padding-left: 2.2vw;
    font-size: 0.85vw;
}
  .tts_career_innerdiv .field #RegisterForm-gender option{
    color: #000;
        font-family: 'apercu-pro-medium';
  }
  .tts_career_innerdiv .field .ff_bob{
    display:none
  }
  .tts_career_innerdiv .field #customer_birthday{
width: 100%;
    background-color: transparent;
    --inputs-border-width: 0 !important;
    --inputs-border-opacity: 0 !important;
    border: unset;
    border-radius: 10px;
    font-family: 'apercu-pro-medium';
    text-transform: uppercase;
    color: #ffffff;
    opacity: 60%;
    padding-left: 2.5vw;
    font-size: 0.85vw;
    height: 100%;
  }

 .tts_career_innerdiv .field.textarea01{
    margin: -1vh 0;
    /* / height: 6vh; / */
  }
.tts_career_innerdiv .field.textarea01 #ContactForm-body{
height: 8vh;
    min-height: 8vh;
      background-color: #F5F5F5;
  --inputs-border-width: 0 !important;
    --inputs-border-opacity: 0 !important;
    border: unset;
   border-radius: 10px;
    font-family: 'helvatica-regular';
   display: flex;
    align-items: center;
    justify-content: flex-start;
}
  
.tts_career_innerdiv .field.ff_textarea02 #ContactForm-body{
height: 8vh;
    min-height: 8vh;
      background-color: #F5F5F5;
  --inputs-border-width: 0 !important;
    --inputs-border-opacity: 0 !important;
    border: unset;
   border-radius: 10px;
    font-family: 'helvatica-regular';
   display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tts_main_career textarea{
font-family: 'apercu-pro-medium';
    color: #fbfbfb;
    opacity: 60%;
    font-size: 0.85vw;
    padding-left: 2.5vw;
    padding: 3vh 2.5vw 0;
    margin: 0;
    width: 100%;
    align-items: center;
  }
  .tts_main_career  textarea::placeholder {
  color: #ffffff;
  opacity: 1;
  font-size: 0.9vw;
 font-family: 'apercu-pro-medium';
}

 .tts_main_career textarea:focus{
   padding: 2.5vh 0vw 0px 2.5vw !important;
 }
 .tts_main_career  textarea:not(:placeholder-shown){
   padding: 2.5vh 0vw 0px 2.5vw !important;
}
.tts_main_career textarea:not(:placeholder-shown)~.field__label {
    top: -1vh;
}
.tts_main_career textarea:not(:placeholder-shown)~.field__label {
    top: -1vh;
  font-family: 'Inter-Regular';
}




  
  .tts_career_innerdiv .field.ff_chhose_file{
margin: 0vh 0;
    height: 9vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

    .tts_career_innerdiv .field.ff_chhose_file input{
     padding:0 !important;
    }
.field.ff_chhose_file input[type='file'] {
color: rgba(0, 0, 0, 0); 
      width: 30%;
  cursor: pointer;
}

  

  .field.ff_chhose_file input[type=file]::file-selector-button {
  padding: 2vh 3vw;
  border-radius: 10px;
  background-color: #FFFFFF;
  transition: 1s;
    border:unset;
}
  
 .tts_career_innerdiv .field.ff_textarea02{
       margin: 0vh 0;
  }
  /* .contact-radio input.checked[type="radio"] {
    visibility:hidden;
  } */

  .contact-radio_btn input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

  /* .contact-radio_btn  input[type=radio]:checked + label {
  color: #ccc8ce;
  background: #675f6b;
} */
/* .contact-radio_btn  label + input[type=radio] + label {
  border-left: solid 3px #675f6b;
} */
  .contact-radio_btn{
  display: inline-block;
 padding: 1vh 0;
  overflow: hidden;
    display: flex;
    gap: 0.5vh;
  }
  
  .contact-radio_btn label {
  display: inline-block;
  cursor: pointer;
        background: #CECECE;
    padding: 0.5vh 1vh;
    border-radius: 5px;
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8vw;
}
  .contact__button .button{
       width: 100%;
    border-radius: 10px;
    height: 8vh;
    background: transparent;
    -webkit-backdrop-filter: blur(7px);
    /* backdrop-filter: blur(7px); */
    background: rgb(65 170 95);
    border: 2px solid #0f2a1f;
    color: #fff;
    font-family: 'apercu-pro-medium';
    font-size: 0.9vw;
  }


    /* ============================== responsive start ======================d2================== */
  @media screen and (max-width: 950px) {

  .tts_main_career .tts_career_innerdiv {
    width: 95%;
    padding: 2vh 1vh;
}
    .tts_career_innerdiv .field, .field__input, #RegisterForm-gender, #ContactForm-body {
    height: 6vh;
}
    .tts_main_career {
    padding: 12vh 0 5vh;
}
.tts_career_innerdiv_heading h1 {
    font-size:18px;
}
.tts_main_career textarea {
    padding: 2.2vh 2.5vw 0;
}
.contact__button .button {
    border-radius: 5px;
    height: 7vh;
    font-size: 12px;
}
    .tts_career_innerdiv .contact__fields {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5vh;
}
        .tts_main_career input {
    font-size: 12px;
}

    .tts_main_career  input::placeholder {
  font-size: 11px;
}
 .tts_main_career  textarea:not(:placeholder-shown){
 font-size: 11px;
}
.tts_main_career textarea:not(:placeholder-shown)~.field__label {
    font-size: 11px;
}
.tts_main_career textarea:not(:placeholder-shown)~.field__label {
  font-size: 11px;
}
    .tts_main_career .field label {
  font-size: 11px;
}
      .tts_main_career  textarea::placeholder {
  font-size: 11px;
}
    .tts_career_innerdiv .field #RegisterForm-gender{
        font-size: 11px;
    }
    .tts_career_innerdiv .field #customer_birthday{
       font-size: 11px;
    }
    .contact-radio_btn label {
    padding: 0.5vh 1vh;
    border-radius: 5px;
    width: 20%;
    font-size: 11px;
}
  }