button {
  cursor: pointer;
}

.section_title_section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.section_title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}

.tickets_form_section {
  flex: 100%;
}

.tickets_form_section .ticket_form_row {
  padding-top: 20px;
  flex: 100%;
}

.tickets_form_section .form_heading h4 {
  font-size: 24px;
  font-family: 'Poppins', sans-serif;
  color: rgba(1, 0, 71, 1);
  text-align: left;
}

.ticket_form_selectdiv {
  flex: 100%;
  row-gap: 30px;
}

.ticket_form_selectdiv select {
  width: 100%;
  height: 50px;
  border: none;
  box-shadow: 0px 4px 10px 0px rgba(96, 96, 96, 0.20) !important;
  border-radius: 10px;
  padding-left: 20px;
  outline: none;
}

.ticket_form_selectdiv:after {
  content: '\f078';
  font: normal normal normal 17px/1 FontAwesome;
  color: #00ff00;
  top: 80%;
  right: 1%;
  transform: translate(-50%, -50%);
  height: 34px;
  /* border-left: 1px solid #0ebeff; */
  position: absolute;
  pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
  display: none;
}

.ticket_form_selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  display: block;
  width: 100%;
  height: 50px;
  padding: 0px 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 1.75;
  color: #A8A8A8;
  background-color: transparent;
  background-image: none;
  border: none;
  -ms-word-break: normal;
  word-break: normal;
  box-shadow: 0px 4px 10px 0px rgba(96, 96, 96, 0.20);
  border-radius: 10px;
  margin-top: 10px;

}

.ticket_form_selectdiv {
  position: relative;
}

.ticket_form_selectdiv label,
.ticket_textarea_label,
.ticket_label label {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}

.ticket_form_row .ticket_textarea_input textarea,
.prew_textarea .prew_textarea_input textarea {
  width: 100%;
  max-width: 100%;
  height: 153px;
  box-shadow: 0px 4px 10px 0px rgba(96, 96, 96, 0.20) !important;
  border-radius: 10px;
  border: none;
  padding-top: 10px;
  resize: none;
  text-indent: 15px;
  outline: none;
}

.ticket_form_row .ticket_textarea_input,
.ticket_fileselct_input input {
  padding-top: 10px;
}

.ticket_file_choose input[type=file]::file-selector-button {
  background: rgba(251, 176, 22, 1) !important;
  width: 120px;
  height: 40px;
  padding: 10px;
  border-radius: 4px;
  color: #ffff;
  border: none;
  overflow: hidden;
}

.ticket_form_row .ticket_form_button {
  flex: 100%;
  gap: 20px;
  padding: 10px;
  display: flex;
  justify-content: flex-end;
}

.ticket_form_button .btn_close {
  border-radius: 4px;
  border: 1px solid #C50000;
  background-color: transparent;
  color: #C50000;
  width: 120px;
  height: 40px;
  cursor: pointer;

}

.ticket_form_button .btn_send {
  border-radius: 4px;
  background: #FBB016;
  border: none;
  color: #FFF;
  width: 120px;
  height: 40px;
  cursor: pointer;
}


@media screen and (max-width: 800px) {

  .prew_label_div {
    flex-wrap: wrap;
    flex: 20px;
  }

  .prew_select_div .ticket_form_selectdiv select {
    width: 90%;
    margin-top: 0px;
  }

  .prew_comment_box .comment_note {
    justify-content: center;
    width: 90%;
  }

  .comment_note .user_info {
    padding-left: 10px;
  }

  .prew_select_div .ticket_form_selectdiv:after {
    content: '\f078';
    font: normal normal normal 17px/1 FontAwesome;
    color: #00ff00;
    top: 44px;
    right: 13% !important;
    height: 34px;
    /* border-left: 1px solid #0ebeff; */
    position: absolute;
    pointer-events: none;
  }

  .tickets_prew_tickets_container {
    padding: 20px;
  }

}



/* prew form css */

.prew_form_section {
  display: flex;
  /* flex-wrap: wrap; */
  max-width: 565px;
  column-gap: 212px;
}

.prew_label_div {
  max-width: 100px;
  flex: 40%;
}

.prew_info_div {
  max-width: 273px;
  text-align: start;
  flex-wrap: wrap;
}

.prew_form_select {
  max-width: 272px;
}

.prew_select_div {
  width: 270px;
  display: flex;
  flex-wrap: wrap;
  min-width: 100px;
}

.prew_select_div .ticket_form_selectdiv:after {
  top: 20px;
  right: 3%;
}

.prew_textarea .prew_textarea_input textarea {
  margin-top: 20px;
  resize: none;
}

.prew_textarea .btn_send {
  width: 120px;
  height: 40px;
  padding: 8px 10px 8px 10px;
  border-radius: 4px;
  gap: 4px;
  background-color: #FBB016;
  color: #FFF;
  border: none;
}

.prew_comment_box_btn {
  display: flex;
  justify-content: flex-end;
  padding-top: 5px;
}

.prew_comment_box {
  padding: 10px 25px;
  /* height: 394px; */
  /* max-width: 937px; */
  border: 1px solid #78787A;
  border-radius: 10px;
  /* padding: 10px; */
  justify-content: flex-end
}

.prew_comment_box .comment_note {
  /* max-width: 663px; */
  display: flex;
  height: auto;
  /* flex-wrap: wrap; */
  box-shadow: 0px 4px 10px 0px rgba(96, 96, 96, 0.20);
  align-items: center;
  justify-content: space-between;
  float: right;
  width: auto;
  border-radius: 10px;
  margin-top: 10px;
  column-gap: 70px;
  padding: 20px;
}

.comment_note .note {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  padding-left: 10px;
}

.comment_note .user_info {
  font-size: 10px;
  color: rgba(168, 168, 168, 1);
  font-weight: 400px;
  padding-right: 10px;
  min-width: 300px;
}

.prew_comment_section p {
  margin-bottom: 10px;
}

.prew_form_section {
  display: flex;
  /* flex-wrap: wrap; */
  max-width: 565px;
  margin-bottom: 20px;
}

.prew_select_div .ticket_form_selectdiv select {
  margin-top: 0px !important;
}

@media only screen and (max-width: 425px) and (min-width: 320px) {
  .prew_form_section {
    display: flex;
    flex-wrap: wrap;
    max-width: 565px;
    column-gap: 7px !important;
  }
}