/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

input[type=checkbox]:checked {accent-color: var(--font-grey) !important;}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}
input[readonly]{background-color: #f1f1f1;}

.formFieldWrp{text-align: start;margin-bottom: 25px;position: relative;}

.formFieldWrp .inputWrp{position: relative;width: 100%;}
.formFieldWrp .formField{width: 100%; border: solid 1px var(--border-grey);border-radius: var(--border-radius);padding: 10px 12px;}
.formFieldWrp .formField::placeholder{color: #8C8C8C;}
.formFieldWrp .formField:focus-visible{outline: solid 1px var(--font-grey);}
.formFieldWrp textarea.formField{margin-bottom: -10px;}

.formFieldWrp label{width: fit-content;text-wrap: nowrap;display: flex;align-items: center;}
.formFieldWrp label.required:after{content: '*';color: var(--color-pink);}
.formFieldWrp label.invalid-feedback{width: fit-content;text-wrap: wrap;display: flex;align-items: center;}

.inputWrp .errorMsg{display: block; position: absolute;top: 102%;font-size: 0.8rem;color: var(--color-pink);font-weight: 500;}
.formField.errorBg{background: #ED155611;}

.formFieldWrp .inputWrp .pinCode{width: 18%;text-align: center;}
.formFieldWrp .inputWrp .pinCode ~ .pinNumber{width: 80%;}

.formFieldWrp .checkboxWrp{display: flex;align-items: flex-start;text-align: justify;}
.formFieldWrp .checkboxWrp input{width: 18px;height: 18px;min-width: 5%;margin-right: 12px;border: solid 1px var(--border-grey);border-radius: var(--border-radius);}
.formFieldWrp .checkboxWrp span{margin-top: -3px;}

.formTitleSec{border-bottom: solid 1px #8C8C8C;width: 100%;margin-bottom: 25px;}
.secTitle{font-size: 1.4rem;font-weight:700;width: fit-content;position: relative;margin-bottom: 0;padding-bottom: 15px;}
.secTitle::after{content:''; width: 100%;height: 3px;background-color: var(--color-pink); position: absolute; bottom: -3%;left: 0;}

.quesSec .ques{display: flex;font-weight: 600;margin-bottom: 0.5rem;}
.quesSec .ques span{text-wrap: nowrap; margin-right: 7px;}
.quesSec ul li{color: #666;margin-bottom: 0;font-size: 0.9rem;}
.quesSec .formFieldWrp{margin-bottom: 2.1rem;}

.uploadBtnWrp{position: relative;}
.uploadBtnWrp .uploadInput, .uploadBtnWrp button{margin-top: 0;cursor: pointer;}
.uploadBtnWrp .uploadInput{display: block; width: fit-content; opacity: 0;position: absolute;top: 0;left: 0; z-index: 1;}
.uploadBtnWrp .uploadBtn{border: solid 1px var(--border-grey);color: #8C8C8C;text-transform: capitalize;font-weight: 400;}
.uploadBtnWrp .uploadBtn img{width: 20px;height: 20px;margin-left: 20px;}
.uploadBtnWrp .fileChosen{display: block;}

.uploadBtnWrp input:hover + label button, .uploadBtnWrp .uploadBtn:hover{color: #fff !important;}
.uploadBtnWrp input:hover + label button::after, .uploadBtnWrp .uploadBtn:hover::after {height: 101%;opacity: 1;}
.uploadBtnWrp input:hover + label button img, .uploadBtnWrp .uploadBtn:hover img{filter: invert(100%);}

.formNote{font-size: 0.8rem;line-height: 1.5;margin-bottom: 0;margin-top: 0.3rem;}
.formNote li{margin-bottom: 0;}

.wordLimitCount{float: right;font-size: 0.7rem;color: var(--font-grey);margin-top: 0.3rem;}
.wordLimitCount.red{color: var(--color-pink);}
.wordLimitCount i{font-style: normal;}

@media (min-width: 767px){
  .formFieldWrp{display: flex;justify-content: space-between;}
  .formFieldWrp .inputWrp{margin-left: 20px;}

}

@media (min-width: 991px){

}

@media (min-width: 1150px){

  .formFieldWrp{margin-bottom: 1.8vw;}

  .formFieldWrp .inputWrp{margin-left: 2vw;}
  .inputWrp .errorMsg, .formNote{font-size: 0.8vw;}

  .formFieldWrp .formField{padding: 0.7vw 0.8vw;}
  .formFieldWrp textarea.formField{margin-bottom: -0.5vw;}
  .formFieldWrp .checkboxWrp input{width: 1.2vw;height: 1.2vw;min-width: 3%;margin-right: 0.7vw;}

  .quesSec .ques{margin-bottom: 0.5vw;}
  .quesSec .ques span{ margin-right: 0.7vw;}
  .quesSec ul li{font-size: 0.9vw;}
  .quesSec .formFieldWrp{margin-bottom: 2.1vw;}

  .uploadBtnWrp .uploadBtn img{width: 1.4vw;height: 1.4vw;margin-left: 1vw;}
  /* .uploadBtnWrp .fileChosen{margin-left: 0.7vw;} */
  .formNote{font-size: 0.8vw;margin-top: 0.3vw;}

  .wordLimitCount{font-size: 0.7vw;margin-top: 0.3vw;}
}

@media (max-width: 992px) {
}