.questionHeading {
  font-family: 'DM Serif Display';
  font-weight: 400;
  font-size: 27px;
  line-height: 170%;
  text-align: center;
  color: #0E145F;
}
.questionDesc {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 180%;
  text-align: center;
  color: #6B6E98;
}

.borderedDescription{
  max-width: 750px;
  width: 100%;
  margin: 0px auto 0px;
  background: white;
  border: 2px dashed #e86c46;
  border-radius: 16px;
  padding: 20px 30px;
}
.borderedDescription .heading{
font-family: 'DM Serif Display';
  font-weight: 400;
  font-size: 20px;
color: #0E145F;
text-align: left;
line-height: 170%;
}
.borderedDescription p {
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  text-align: left;
  color: #6b6e98;
  margin-bottom: 12px;
}
.borderedDescription ul{
  list-style: none;
  margin-bottom: 30px;
  
}
.borderedDescription ul li{
    position: relative;
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      text-align: left;
      color: #6b6e98;
      margin-bottom: 15px;
      padding-left: 25px;

}
.borderedDescription ul li::before{
    content: '';
      position: absolute;
      background-image: url(../../all-airlines-page//images/list-arrow-right.svg);
      width: 14px;
      height: 14px;
      left: 0;
      top: 5px;
      bottom: 5px;
}

.formBtnWrapper{
    width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
}
.formBtnWrapper .btnPrimary{
background: #FF5B2E;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
max-width: max-content;
padding: 15px 15px 14px;
outline: none;
border: none;
cursor: pointer;
}
.formBtnWrapper .btnPrimary .btnTxt{
  font-weight: 700;
  font-style: Bold;
  font-size: 17px;
  line-height: 100%;
  color:#FFFFFF;
}
.formBtnWrapper .btnPrimary .arrowRight{
width: 18px;
height: 18px;
margin-top: -2px;
transition: transform 0.3s ease;
}
.formBtnWrapper .btnPrimary:hover .arrowRight {
  transform: translateX(5px);
  /* Move arrow 5px to the right on hover */
}
.formBtnWrapper .btnPrimary.loaderBtn .loaderImg{
width: 76px;
height: 31px;
margin-top: -5px;
}
.formBtnWrapper .btnPrimary.loaderBtn {
cursor: not-allowed;
}


/* inputs */
.inputGroupAssessmentForm input{
  border: none;
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  color: #0E145F;
  padding:20px 15px;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 8px;
}
.inputGroupAssessmentForm {
background: #ffffff;
border: 1px solid #FF5B2E;
border-radius: 8px;
width: 100%;
}
.inputGroupAssessmentForm:hover{
box-shadow: 0px 3px 3px 0px #F9731626;
}
.inputGroupAssessmentForm:focus-within{
box-shadow: 0px 3px 3px 0px #F9731626;
background: #FFFBF9;
}
.inputGroupAssessmentForm input::placeholder{
  color: #6B6E98;
    font-weight: 400;
      font-size: 17px;
      line-height: 100%;
}
.inputGroupAssessmentForm:has(.invalid) {
  border: 2px solid #E20707;
  animation: shake 0.6s ease-in-out both;
}

@keyframes shake {

  0%,
  100% {
    transform: translateX(0);
  }

  10%,

  50%,

  90% {
    transform: translateX(-5px);
  }

  20%,

  60% {
    transform: translateX(5px);
  }
}
/* select2 Styles*/
.select2-container{
  width: 100% !important;
      /* max-width: 333px; */
        /* width: 100% !important; */
}
.selection .select2-selection--single {
  min-height: 61px;
  padding: 19px 15px 23px;
  border: 1px solid  transparent;
  border-radius: 8px;
}
.relative{
  position: relative;
}
select#petTypeSelect:disabled + .select2-container:after {
  position: absolute;
  content: '';
  cursor: no-drop;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 575px){
  .borderedDescription ul {
    padding-top: 8px;
    margin-bottom: 0;
  }
  .borderedDescription ul li:last-child{
    margin-bottom: 0;
  }
  .questionDesc {
    font-size: 15px;
  }
  .inputGroupAssessmentForm input {
    font-size: 16px;
  }
  .createAccountWrapper .questionDesc:nth-of-type(2) {
    font-size: 14px;
  }
  .evaluationAuthSection .questionDesc:nth-of-type(3){
    margin-bottom: 56px;
  }
  .inputGroupAssessmentForm input::placeholder{
      font-size: 16px;
  }
  .evaluationAuthSection .questionDesc {
    font-size: 14px;
    margin-bottom: 56px;
  }
  .formBtnWrapper .btnPrimary .btnTxt {
    font-size: 16px;
  }
}