/* for next button */
.survey-next-btn8,
.survey-next-btn9,
.survey-next-btn10,
.survey-next-btn11,
.survey-next-btn12,
#survey-next-btn8,
#survey-next-btn9,
.survey-submit-btn{
  float: right;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border: 2px solid #304087;
  cursor: pointer;
  transition: background-color 0.3s;
  background-color: #304087;
  color: #fff;
  width: 80px;
  min-width: 80px;
  height: 40px;
}

#survey-next-btn8:hover,
#survey-next-btn9:hover,
#survey-next-btn10:hover,
#survey-next-btn11:hover,
#survey-next-btn12:hover {
  background-color: #304087;
}

#survey-next-btn8:focus,
#survey-next-btn9:focus,
#survey-next-btn10:focus,
#survey-next-btn11:focus,
#survey-next-btn12:focus {
  outline: 0 !important;
}

/* For back button */
#survey-back-btn,
#survey-back-btn1,
#survey-back-btn2,
#survey-back-btn3,
#survey-back-btn4,
#survey-back-btn5,
#survey-back-btn6,
#survey-back-btn7,
#survey-back-btn8,
#survey-back-btn9,
#survey-back-btn10{
  float: left;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border: 2px solid #304087;
  cursor: pointer;
  transition: background-color 0.3s;
  background-color: #304087 !important;
  color: #fff;
  width: 80px;
  min-width: 80px;
  height: 40px;
  padding-left: 14px;
  /* margin-top: 20px; */
}

#survey-back-btn7{
  margin-top: 20px !important;
}

#survey-back-btn8:hover,
#survey-back-btn9:hover,
#survey-back-btn10:hover,
#survey-back-btn11:hover,
#survey-back-btn12:hover {
  background-color: #304087;
}

#survey-back-btn8:focus,
#survey-back-btn9:focus,
#survey-back-btn10:focus,
#survey-back-btn11:focus,
#survey-back-btn12:focus {
  outline: 0 !important;
}

#edit-survey-q6 .price-tbl-wrap,
#edit-survey-q7 .price-tbl-wrap,
#edit-survey-q8 .price-tbl-wrap{
  display: none;
}

.custom-surveyvoiceform-form button#edit-submit {
  display: block !important;
  padding: 0 !important;
  margin-top: -28px;
}

.path-survey-voice .price-tbl-wrap .form-radio {
  margin: 20px auto !important;
}

#survey-next-btn2,
#survey-next-btn6,
#survey-next-btn7{
  margin-top: 20px;
}

.form-item-sixth-question label,
.form-item-seventh-question label{
  margin-right: 14px;
}

.path-survey-voice #error-msg_q2,
.path-survey-voice #error-msg_q3,
.path-survey-voice #error-msg_q4,
.path-survey-voice #error-msg_q6,
.path-survey-voice #error-msg_q7,
.path-survey-voice #error-msg_q8,
.path-survey-voice #error-msg_q9{
margin-top: 20px;
}

.path-survey-voice div#edit-nps-rating{
  width:50%
}

.path-survey-voice .price-tbl-wrap table th{
  text-align: center !important;
    width: 20%;
    vertical-align: text-bottom;
}

.q6_hiddenlabel,
.q7_hiddenlabel,
.q8_hiddenlabel {
  display: none;
  margin-bottom: 15px;
}
.path-survey-voice .chat-wrap2 {
  display: none;
}
.path-survey-voice ol.breadcrumb {
  display: none;
}

.path-survey-voice .survey-page-count {
  float: none !important;
  /* margin: 20px auto 0 !important; */
  color: #c1c1c1 !important;
  text-align: center;
  /* margin-top: 24px !important; */
}

#survey-back-btn{
  margin-top: 3px;
}
#survey-back-btn3{
  margin-top: 5px;
}
#survey-back-btn2,#survey-back-btn6{
  margin-top:18px;
}

/* .path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-eight-question.form-item-eight-question{
  width: 17%;
  float: left;
} */

.voicepage1{
  margin-top: 43px !important;
}
.voicepage3{
  margin-top: 32px !important;
}
.voicepage7 {
  margin-top: 37px !important;
}

.path-survey-voice .mobileHeaderDiv {
  display: none !important;
}
.path-survey-voice a#mob-header-hamb-menu {
  display: none;
}
.path-survey-voice .form-wrap-card .invalid-feedback {
  text-transform: inherit !important;
}
.path-survey-voice .footer-sticky {
  display: none;
}

.path-survey-voice .js-form-item-fifth-question, 
.path-survey-voice .js-form-item-first-question, 
.path-survey-voice .js-form-item-four-question, 
.path-survey-voice .js-form-item-second-question, 
.path-survey-voice .js-form-item-seventh-question, 
.path-survey-voice .js-form-item-sixth-question, 
.path-survey-voice .js-form-item-third-question {
  display: table !important;
}
#survey-back-btn10{
  margin-top: 3px;
}
.voicepage10{
  width: 20%;
}

.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-accessibilityq2.form-item-rating-accessibilityq2.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-ownershipq2.form-item-rating-ownershipq2.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-attitudeq2.form-item-rating-attitudeq2.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-attitudeq2.form-item-rating-attitudeq2.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-accessibilityq2-tbl2.form-item-rating-accessibilityq2-tbl2.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-ownershipq2-tbl2.form-item-rating-ownershipq2-tbl2.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-attitudeq2-tbl2.form-item-rating-attitudeq2-tbl2.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-responsivenessq6.form-item-rating-responsivenessq6.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-easeoflogginginq6.form-item-rating-easeoflogginginq6.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-transactionprocessingq6.form-item-rating-transactionprocessingq6.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-suitabilityq6.form-item-rating-suitabilityq6.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-responsivenessq7.form-item-rating-responsivenessq7.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-easeoflogginginq7.form-item-rating-easeoflogginginq7.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-transactionprocessingq7.form-item-rating-transactionprocessingq7.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-transactionprocessingq7.form-item-rating-transactionprocessingq7.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-transactionprocessingq7.form-item-rating-transactionprocessingq7.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-transactionprocessingq7.form-item-rating-transactionprocessingq7.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-transactionprocessingq7.form-item-rating-transactionprocessingq7.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-transactionprocessingq7.form-item-rating-transactionprocessingq7.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-easeoflogginginq8.form-item-rating-easeoflogginginq8.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-easeoflogginginq8.form-item-rating-easeoflogginginq8.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-transactionprocessingq8.form-item-rating-transactionprocessingq8.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-suitabilityq8.form-item-rating-suitabilityq8.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-suitabilityq7.form-item-rating-suitabilityq7.form-no-label,
.path-survey-voice .js-form-item.js-form-type-radio.radio.form-check.js-form-item-rating-responsivenessq8.form-item-rating-responsivenessq8.form-no-label
{
  padding-left: 44% !important;
}

 
@media only screen and (min-width: 414px) and (max-width: 767px) {
  .path-survey-voice .footer.site-footer {
    bottom: 0;
    position: absolute;
  }
  .path-survey-voice .footer-common-wrap{
    bottom: 0;
    position: absolute;
  }
  /* .js-form-item-fifth-question, .js-form-item-first-question, .js-form-item-four-question, .js-form-item-second-question, .js-form-item-seventh-question, .js-form-item-sixth-question, .js-form-item-third-question {
    display: table;
  } */
  .path-survey-voice .js-form-item-first-question{
    display: table !important;
  }
  .path-survey-voice #survey-back-btn9{
    clear: both;
  }
  .path-survey-voice .voicepage9{
    clear: both;
  }

  .path-survey-voice #edit-survey-q9 .form-required{
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .path-survey-voice .footer.site-footer {
    bottom: 0;
    position: absolute;
  }
  .path-survey-voice .path-survey-voice .js-form-item-first-question{
    display: table !important;
  }
  .path-survey-voice fieldset#edit-sixth-question--wrapper{
    min-height: 280px;
  }
  .path-survey-voice fieldset#edit-seventh-question--wrapper{
    min-height: 280px;
  }
  .path-survey-voice fieldset#edit-eight-question--wrapper{
    min-height: 280px;
  }
  .path-survey-voice fieldset#edit-nine-question--wrapper{
    min-height: 280px;
  }
  .path-survey-voice #edit-survey-q9 .form-required{
    margin-bottom: 30px;
  }
  .path-survey-voice #survey-back-btn9{
    clear: both;
  }
  .path-survey-voice .voicepage9{
    clear: both;
  }

  .path-survey-voice .q6_hiddenlabel,
  .path-survey-voice .q7_hiddenlabel
  .path-survey-voice .q8_hiddenlabel{
    margin-top: -145px;
  }

  .path-survey-voice .voicepage10{
    width: 100px;
  }

  .path-survey-voice #survey-next-btn3{
    margin-top: 5px;
  }
  
}
/* @media only screen and (min-width: 340px) and (max-width: 413px) { 
  .path-survey-form .footer.site-footer {
    bottom: 0;
    position: absolute;
  }
  .path-survey-voice .footer-common-wrap{
    bottom: 0;
    position: absolute;
  }
  
}

@media only screen and (min-width: 340px) and (max-width: 413px) {
  .path-survey-form .footer.site-footer {
     position: absolute;
     bottom: -220px;
   }
   .path-survey-form .footer-sticky.d-sm-block.d-lg-none {
     display: none;
   }
   .path-survey-form .footer-common-wrap {
     padding: 0 !important;
   }
   
 }

 @media only screen and (min-width: 390px) and (max-width: 844px)
{  
  .path-survey-form footer.site-footer {
    position: absolute;
    bottom: -220px;
  }
}
@media only screen and (max-width: 767px) {
  .path-survey-form footer.site-footer {
    position: absolute;
    bottom: -0px;
  }
} */

/* .nps-categories,
.nps-scale {
  justify-content: space-between;
}
#fifth_sub_question-two-container p,
#first_sub_question-two-container p,
#four_sub_question-two-container p,
#second_sub_question-two-container p,
#sixth_sub_question-two-container p,
#third_sub_question-two-container p,
.feedback-sub-title {
  padding-bottom: 20px;
}
.rating-container {
  display: flex;
  margin-top: 10px;
}
.star1,
.star2,
.star3,
.star4,
.star5,
.star6,
.star7 {
  font-size: 32px !important;
  cursor: pointer !important;
  color: #ccc !important;
}
.star1.selected,
.star2.selected,
.star3.selected,
.star4.selected,
.star5.selected,
.star6.selected,
.star7.selected {
  color: #ffc107 !important;
}
span.fieldset-legend.js-form-required.form-required {
  font-size: 16px;
}
#fifth_sub_question-two-container .js-form-item label,
#first_sub_question-two-container label,
#four-ques-comment,
#four_sub_question-two-container .js-form-item label,
#second_sub_question-two-container .js-form-item label,
#sixth_sub_question-two-container .js-form-item label,
#third-ques-comment,
#third_sub_question-two-container .js-form-item label {
  font-size: 15px !important;
}
.js-form-item.js-form-type-textarea.form-type-textarea.js-form-item-four-sub-question-two-comment.form-item-four-sub-question-two-comment.mb-3 {
  margin-top: 30px;
  margin-bottom: 40px !important;
}
.form-item-fifth-question,
.form-item-first-question,
.form-item-four-question,
.form-item-second-question,
.form-item-third-question {
  margin-right: 20px;
}
.form-item-fifth-question input[type="radio"],
.form-item-first-question input[type="radio"],
.form-item-four-question input[type="radio"],
.form-item-second-question input[type="radio"],
.form-item-third-question input[type="radio"] {
  margin-top: 4px !important;
  margin-left: -23px !important;
}
#fifth_sub_question-two-container .js-form-item input[type="checkbox"],
#first_sub_question-two-container .js-form-item input[type="checkbox"],
#four_sub_question-two-container .js-form-item input[type="checkbox"],
#second_sub_question-two-container .js-form-item input[type="checkbox"],
#sixth_sub_question-two-container .js-form-item input[type="checkbox"],
#third_sub_question-two-container .js-form-item input[type="checkbox"] {
  margin-top: 6px !important;
}
.form-item-fifth-question label.form-check-label,
.form-item-first-question label.form-check-label,
.form-item-four-question label.form-check-label,
.form-item-second-question label.form-check-label,
.form-item-third-question label.form-check-label {
  vertical-align: top;
}
.path-survey-form .js-form-item label {
  color: #212529 !important;
}
.nps-scale.form-radio.form-check-input,
.survey_q1_container {
  display: none;
}
.survey_q1_container.active {
  display: block;
}
.nps-scale {
  display: flex;
  margin-bottom: 10px;
}
.form-item-nps-rating .form-check-label {
  padding: 5px 15px;
  background-color: #ccc !important;
  color: #000 !important;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
#edit-nps-rating .form-check {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.form-item-nps-rating input[type="radio"]:checked + label {
  background-color: #ffc107 !important;
  color: #fff !important;
  border-color: #ffc107 !important;
}
.form-item-nps-rating .form-check-label:hover {
  background-color: #f0f0f0 !important;
}
.nps-categories {
  display: flex;
  margin-top: 5px;
  font-weight: 700;
  font-size: 14px;
}
.detractors {
  color: red;
}
.passives {
  color: orange;
}
.promoters {
  color: green;
}
#edit-nps-rating {
  display: flex;
  justify-content: space-between;
}
#survey-next-btn,
#survey-next-btn-new,
#survey-next-btn2,
#survey-next-btn3,
#survey-next-btn4,
#survey-next-btn5,
#survey-next-btn6,
#survey-next-btn7 {
  float: right;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border: 2px solid #304087;
  cursor: pointer;
  transition: background-color 0.3s;
  background-color: #304087;
  color: #fff;
  width: 80px;
  min-width: 80px;
  height: 40px;
}

#survey-next-btn-new:hover,
#survey-next-btn2:hover,
#survey-next-btn3:hover,
#survey-next-btn4:hover,
#survey-next-btn5:hover,
#survey-next-btn6:hover,
#survey-next-btn7:hover,
#survey-next-btn:hover {
  background-color: #304087;
}
#survey-next-btn-new-voice:focus,
#survey-next-btn2:focus,
#survey-next-btn3:focus,
#survey-next-btn4:focus,
#survey-next-btn5:focus,
#survey-next-btn6:focus,
#survey-next-btn7:focus {
  outline: 0 !important;
}
.js-form-item-fifth-question,
.js-form-item-first-question,
.js-form-item-four-question,
.js-form-item-second-question,
.js-form-item-seventh-question,
.js-form-item-sixth-question,
.js-form-item-third-question {
  display: inline-block;
}
.feedback-sub-title {
  font-size: 17px;
}
#fifth_sub_question-two-container .checkbox,
#first_sub_question-two-container .checkbox,
#four_sub_question-two-container .checkbox,
#second_sub_question-two-container .checkbox,
#sixth_sub_question-two-container .checkbox,
#third_sub_question-two-container .checkbox {
  padding-left: 18px !important;
}
p#high-rating-label,
p#low-rating-label {
  padding-bottom: 10px;
}
#first_sub_question-two-container,
#high-rating-label,
#low-rating-label,
#sixth_sub_question-two-container {
  padding-top: 20px;
}
.js-form-item-third-sub-question-two-comment label {
  margin-top: 15px;
}
p#low-rating-label {
  padding-top: 30px;
}
.form-item-fifth-sub-question-two-comment-one label,
.form-item-fifth-sub-question-two-comment-two label,
.form-item-four-sub-question-two-comment label,
.form-item-seventh-high-rating-textarea label,
.form-item-seventh-low-rating-textarea label,
.form-item-third-sub-question-two-comment label,
.path-survey-form .form-item-email label,
.path-survey-form .form-item-mobile label {
  font-size: 16px !important;
}
.survey-page-count {
  float: left;
  margin: 20px auto 0;
  color: #c1c1c1;
}
.survey-page-count-eight {
  width: 20%;
  float: left;
  margin: 105px auto 0;
  color: #c1c1c1;
}
.path-survey-form .form-item-mobile {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}
.path-survey-form #edit-actions {
  text-align: right;
  margin-top: 50px;
}
.path-survey-form .js-form-item-email {
  margin-bottom: 25px !important;
}
#fifth_sub_question-two-container,
#four_sub_question1-container,
#second_sub_question1-container,
#sixth_sub_question-two-container,
#third_sub_question1-container {
  margin-bottom: 30px !important;
}
#fifth_sub_question-two-container,
#sixth_sub_question-two-container {
  margin-top: 30px !important;
}
div#edit-nps-rating {
  margin-top: 10px;
}
.feedback-sub-title1 {
  padding-bottom: 10px;
  padding-top: 20px;
  font-weight: 700;
  font-size: 20px;
}
.survey-feedback-thanks p {
  color: #373f41;
  font-weight: 700;
  font-size: 20px;
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
  #fifth_sub_question-two-container .checkbox,
  #first_sub_question-two-container .checkbox,
  #four_sub_question-two-container .checkbox,
  #second_sub_question-two-container .checkbox,
  #third_sub_question-two-container .checkbox {
    width: 360px !important;
  }
  #edit-nps-rating {
    display: ruby !important;
  }
  .nps-categories {
    font-size: 12px;
  }
  .survey-page-count-eight {
    width: 25%;
  }
  .path-survey-form .mobileHeaderDiv,
  .path-survey-form a#mob-header-hamb-menu {
    display: none !important;
  }
  .path-survey-form footer.site-footer {
    position: absolute;
    bottom: -130px;
  }
  .path-survey-form .footer-sticky.d-sm-block.d-lg-none {
    display: none;
  }
  .path-survey-form .footer-common-wrap {
    padding: 0 !important;
  }
  #block-surveyformfooter {
    padding: 10px;
  }
}
@media only screen and (min-width: 340px) and (max-width: 413px) {
  #fifth_sub_question-two-container .checkbox,
  #first_sub_question-two-container .checkbox,
  #four_sub_question-two-container .checkbox,
  #second_sub_question-two-container .checkbox,
  #third_sub_question-two-container .checkbox {
    width: 360px !important;
  }
  #edit-nps-rating {
    display: inline !important;
  }
  #edit-nps-rating .form-check {
    float: left;
  }
  .nps-categories {
    font-size: 12px;
  }
  .survey-page-count-eight {
    width: 100%;
    float: left;
    margin: 90px auto 0;
  }
  .path-survey-form #edit-actions {
    text-align: right;
  }
  .path-survey-form .mobileHeaderDiv,
  .path-survey-form a#mob-header-hamb-menu {
    display: none !important;
  }
  .path-survey-form footer.site-footer {
    position: absolute;
    bottom: -220px;
  }
  .path-survey-form .footer-sticky.d-sm-block.d-lg-none {
    display: none;
  }
  .path-survey-form .footer-common-wrap {
    padding: 0 !important;
  }
  #block-surveyformfooter {
    padding: 10px;
  }
  #edit-survey-q8 {
    width: 100%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 339px) {
  .path-survey-form a#header-whatsapp,
  .path-survey-form button#serach-btn-header,
  .path-survey-form
    button.circle-btn.dropdown.notify1.nav-link.dropdown-toggle.hide-after {
    display: none;
  }
  .path-survey-form .form-check-label {
    width: auto !important;
  }
  .survey-page-count-eight {
    width: 100%;
    float: left;
    margin: 90px auto 0;
  }
  .path-survey-form #edit-actions {
    text-align: right;
    position: relative;
    top: 80px;
  }
  #edit-survey-q8 {
    width: 100%;
  }
  #block-surveyformfooter {
    padding: 10px;
  }
  #edit-nps-rating {
    display: inline !important;
  }
  #edit-nps-rating .form-check {
    float: left;
  }
} */