section[id^=edit-was-this-content-helpful-wrapper] .gds-form-input__input--radio {
  display: none;
}

#edit-like-text-wrapper .gds-form-input {
  max-width: 25rem;
}

#edit-unlike-text-wrapper .gds-form-input {
  max-width: 21rem;
}

section[data-drupal-selector="edit-was-this-content-helpful-wrapper"] {
  height: 45px;
}

#edit-like-unlike-wrapper .content-label h5,
#edit-like-text-wrapper .content-label h5 {
  color: #546372;
}

label[id^=edit-was-this-content-helpful-like],
label[id^=edit-was-this-content-helpful-dislike] {
  display: inline-block;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.webform-submission-add-form.webform-submission-content-feedback-form .webform-section-wrapper .content-label h5.webform-type-checkboxes {
  color: #546372;
}

label[id^=edit-was-this-content-helpful-like] {
  background-image: url('../images/thumbs-up.svg');
}

label[id^=edit-was-this-content-helpful-dislike] {
  background-image: url('../images/thumbs-down.svg');
}


div.gds-form-input[id^=edit-was-this-content-helpful-like],
div.gds-form-input[id^=edit-was-this-content-helpful-dislike] {
  display: inline-block;
  margin-right: 10px;
  /* Adjust spacing between buttons */
}


section[id^=edit-was-this-content-helpful-wrapper] .gds-form-input__radio-checked.gds-form-input__radio-checked-- {
  display: none;
}


.webform-submission-add-form.webform-submission-content-feedback-form section[id^=edit-was-this-content-helpful-wrapper] .gds-form-input--visibility-both.gds-form-input {
  display: flex;
}

.webform-submission-add-form.webform-submission-content-feedback-form div.gds-form-input__input-wrapper--radio[id^=edit-was-this-content-helpful-dislike] {
  display: none;
}

.webform-submission-add-form.webform-submission-content-feedback-form label[id^=edit-was-this-content-helpful-like--] {
  background-size: 20px;
}

.webform-submission-add-form.webform-submission-content-feedback-form label[id^=edit-was-this-content-helpful-dislike--] {
  background-size: 20px;
}


.webform-submission-add-form.webform-submission-content-feedback-form .webform-section-wrapper .content-element {
  display: flex;
}


.webform-submission-add-form.webform-submission-content-feedback-form .gds-form-input__input-wrapper.gds-form-input__input-wrapper--checkbox {
  display: none;
}

.webform-submission-add-form.webform-submission-content-feedback-form .gds-form-input__label-wrapper .gds-form-input__label {
  font-size: 14px;
  padding: 6px 6px;
}

.webform-submission-add-form.webform-submission-content-feedback-form .gds-form-input__inner--checkbox .gds-form-input__label-wrapper {
  margin: 0px 2px 0px 2px;
  background-color: #f5faff;
}


.webform-submission-add-form.webform-submission-content-feedback-form section[id^=edit-like-unlike-wrapper] {
  border: 2px solid #d6ebff;
  padding: 20px 20px;
  margin-bottom: 15px;
}


.webform-submission-add-form.webform-submission-content-feedback-form section[id^=edit-was-this-content-helpful-wrapper] .webform-section-wrapper {
  display: flex;
  margin-bottom: 0px;
}


.webform-submission-add-form.webform-submission-content-feedback-form div.gds-form-input__input-wrapper--radio[id^=edit-was-this-content-helpful-like] {
  display: none;
}

.webform-submission-add-form.webform-submission-content-feedback-form .webform-section-wrapper .content-label {
  padding-right: 24px;
}

.webform-submission-content-feedback-add-form .close {
  color: #0066cc;
  float: right;
  font-size: 36px;
  font-weight: bold;
  cursor: pointer;
  margin-top: -10px;
}

@media only screen and (max-device-width: 767px) {
  section[id^=edit-like-text-wrapper]>div>div.content-element {
    display: block;
  }

  section[id^=edit-unlike-text-wrapper]>div>div.content-element {
    display: block;
  }

  .webform-submission-website-feedback-add-form .gds-form-multiple-step__form {
    width: 100% !important;
  }
}

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

  .webform-submission-add-form.webform-submission-content-feedback-form input[id^=edit-actions-submit] {
    margin-top: 30px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .webform-submission-add-form.webform-submission-content-feedback-form .gds-form-input__label-wrapper .gds-form-input__label {
    font-size: 10px;
    padding: 15px 15px;
  }
}

@media only screen and (max-width: 600px) {
  .webform-submission-website-feedback-add-form .gds-form-multiple-step__form {
    width: 100% !important;
  }

  .webform-submission-add-form.webform-submission-content-feedback-form .webform-section-wrapper .content-element {
    display: inline-block;
  }

  section[data-drupal-selector="edit-was-this-content-helpful-wrapper"] .content-element {
    display: flex !important;
  }
}
/* website feedback css*/
.gds-grid.gds-grid--spacer-massive {
  margin-bottom: 0;
}

#feedback-button {
  background-color: #d6ebff;
  height: 40px;
  width: 120px;
  text-align: center;
  padding: 10px;
  color: #003366;
  cursor: pointer;
  position: fixed;
  right: 0;
  z-index: 1000;
  font-family: 'BISansNEXT';
  transform: rotate(-90deg);
  transform-origin: right bottom;
  font-weight: 600;
  border-radius: 10px 10px 0 0;
}

.webform-submission-website-feedback-add-form #edit-rating-wrapper .gds-form-input+ :not(.gds-form-input) {
  margin-top: 0;
}

.webform-submission-website-feedback-add-form #edit-buttons-wrapper .webform-section-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.webform-submission-website-feedback-add-form #edit-overall-how-usefull-do-you-find-this-website---input-wrapper {
  display: none;
}

.webform-submission-website-feedback-add-form #edit-overall-how-usefull-do-you-find-this-website---wrapper {
  margin-bottom: 0;
}


.webform-submission-website-feedback-add-form .gds-form-input__input--checkbox {
  display: none;
}

.webform-submission-website-feedback-add-form .gds-form-input__icon-container.gds-form-input__icon-container--checkbox {
  display: none !important;
}

.webform-submission-website-feedback-add-form #edit-how-can-we-improve-step1-wrapper .gds-form-input__label-wrapper label,
.webform-submission-website-feedback-add-form #edit-how-can-we-improve-step1-wrapper-rating-greater-than-3 .gds-form-input__label-wrapper label {
  padding: 8px;
  background-color: #f5faff;
  border-radius: 8px;
}

.webform-submission-website-feedback-add-form #edit-how-can-we-improve-step1-wrapper div[data-type="checkbox"],
.webform-submission-website-feedback-add-form #edit-how-can-we-improve-step1-wrapper-rating-greater-than-3 div[data-type="checkbox"] {
  display: inline-block;
  padding: 8px;
  margin-bottom: 0;
}

.webform-submission-website-feedback-add-form #edit-how-can-we-improve-step1-wrapper .gds-form-input__inner--checkbox,
.webform-submission-website-feedback-add-form #edit-how-can-we-improve-step1-wrapper-rating-greater-than-3 .gds-form-input__inner--checkbox {
  flex-direction: column;
  height: 22px;
}

.webform-submission-website-feedback-add-form .hidden {
  display: none;
}

.webform-submission-website-feedback-add-form .checked-label {
  background-color: var(--color-accent) !important;
  color: #08312a !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#webform-submission-website-feedback-add-form .gds-form-input__input-wrapper--checkbox {
  display: none;
  margin-bottom: 10px;
}

.webform-submission-website-feedback-add-form .gds-form-input__inner--checkbox .gds-form-input__label-wrapper {
  margin-bottom: 15px;
}

.webform-submission-website-feedback-add-form {
  /*! display: none; */
  position: fixed;
  z-index: 11;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  /*! top: 0; */
}

.webform-submission-website-feedback-add-form .gds-form-multiple-step__form {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 31%;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.webform-submission-website-feedback-add-form p {
  font-size: 16px !important;
}

section#edit-multiple-radios-buttons-wrapper #--wrapper p {
  font-size: 12px !important;
  line-height: 1.4;
  text-align: center;
}

.webform-submission-website-feedback-add-form h3 {
  font-family: var(--typography-heading-m-font-family);
  color: var(--color-primary);
}

.webform-submission-website-feedback-add-form p {
  font-family: var(--typography-heading-m-font-family);
  cursor: pointer;
}

.webform-submission-website-feedback-add-form .close {
  color: var(--color-accent);
  float: right;
  font-size: 36px;
  font-weight: bold;
  cursor: pointer;
  margin-top: -10px;
}

.webform-submission-website-feedback-add-form .close:hover,
.webform-submission-website-feedback-add-form .close:focus {
  color: #0066cc;
  text-decoration: none;
  cursor: pointer;
}

.webform-submission-website-feedback-add-form label#edit-overall-how-usefull-do-you-find-this-website---label span {
  font-weight: bold;
  font-family: var(--typography-heading-m-font-family);
  font-size: 16px;
  color: var(--color-primary);
}

.webform-submission-website-feedback-add-form h5 {
  font-weight: bold;
  font-family: var(--typography-heading-m-font-family);
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#edit-clarity-of-information-radio-very-satisfied--wrapper h5 {
  font-weight: bold;
  font-family: var(--typography-heading-m-font-family);
  font-size: 16px;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  font-size: 12px;
  margin-bottom: 0;
  width: 30% !important;
  text-align: center;
}

section#edit-step3 h5 {
  display: none;
}

#edit-please-indicate-your-satisfaction-with-the-following-aspects-of-dissatisfied--wrapper .gds-form-input__inner--radio label span {
  display: block;
}

section#edit-step3 h5.gds-heading.gds-heading--align-left.gds-heading--xs.radios--wrapper.fieldgroup.form-composite.webform-composite-visible-title.js-webform-type-radios.webform-type-radios {
  display: block !important;
}

section#edit-multiple-radios-buttons-wrapper #--wrapper {
  display: flex;
  background: #f5faff;
  margin-bottom: 10px;
  padding-top: 15px;
}

section#edit-multiple-radios-buttons-wrapper #--wrapper label span {
  display: none;
}

section#edit-please-indicate-your-satisfaction-title-wrapper h5 {
  font-size: 16px;
  font-weight: bold;
  font-family: 'BISansNEXT';
  color: #003366;
}

section#edit-multiple-radios-buttons-wrapper #--wrapper h5.gds-heading {
  width: 30%;
  text-align: center;
}

section#edit-multiple-radios-buttons-wrapper #--wrapper .gds-form-input__inner--radio {
  margin: 8px 28px 0px 28px;
}

#ul-satisfaction-list {
  list-style: none;
  margin-left: 27px;
}

#ul-satisfaction-list li:nth-child(2) {
  padding-left: 33px;
  padding-right: 30px;
}

#ul-satisfaction-list li {
  display: inline-block;
  padding: 3px;
  text-align: center;
  font-size: 12px;
}

.webform-submission-website-feedback-form #edit-step4 p:before {
  width: 35px;
  height: 35px;
  position: absolute;
  content: '';
  display: block;
  background: black;
  left: 42%;
  top: -38px;
  background: url('../images/thanks-icon.webp');
  background-size: cover;
}

.webform-submission-website-feedback-form section#edit-step4 {
  position: relative;
  text-align: center;
}

.webform-submission-website-feedback-form #edit-rating-wrapper div#rateit-range-2 {
  margin-top: 8px;
  margin-bottom: 12px;
}

.webform-submission-website-feedback-form #edit-step4 .webform-section-wrapper {
  margin-top: 30px;
}

@media screen and (max-width: 780px) {
  .webform-submission-website-feedback-add-form .gds-form-multiple-step__form {
    width: 100%;
  }

  #ul-satisfaction-list li {
    display: inline-block;
    padding: 2px;
    text-align: center;
    font-family: 'BISansNEXT';
    font-size: 12px;
  }
}

@media only screen and (max-width:440px) {
  .webform-submission-website-feedback-add-form h5.gds-heading.gds-heading--align-left.gds-heading--xs.radios--wrapper.fieldgroup.form-composite.webform-composite-visible-title.js-webform-type-radios.webform-type-radios {
    font-size: 15px;
  }

  .webform-submission-website-feedback-add-form div#edit-visual-presentation-radio-memnun-deilim--inner-wrapper {
    margin-left: 34px !important;
  }

  .webform-submission-website-feedback-add-form div#edit-relevancy-of-content-radio-memnun-deilim--inner-wrapper {
    margin-left: 15px !important;
  }

  .webform-submission-website-feedback-add-form #ul-satisfaction-list li:nth-child(2) {
    padding-left: 39px;
    padding-right: 35px;
  }

  .webform-submission-website-feedback-add-form #ul-satisfaction-list {
    list-style: none;
    margin-left: 62px !important;
  }
  div#edit-visual-presentation-radio-very-satisfied--inner-wrapper {
    margin-left: 42px !important;
  }
  div#edit-relevancy-of-content-radio-very-satisfied--inner-wrapper {
    margin-left: 40px !important;
  }
}

@media only screen and (max-width:420px) {
  .webform-submission-website-feedback-add-form #ul-satisfaction-list {
    list-style: none;
    margin-left: 52px !important;
  }
}

@media only screen and (max-width:400px) {
  .webform-submission-website-feedback-add-form h5.gds-heading.gds-heading--align-left.gds-heading--xs.radios--wrapper.fieldgroup.form-composite.webform-composite-visible-title.js-webform-type-radios.webform-type-radios {
    font-size: 12px;
  }

  .webform-submission-website-feedback-add-form div#edit-visual-presentation-radio-memnun-deilim--inner-wrapper {
    margin-left: 34px !important;
  }

  .webform-submission-website-feedback-add-form div#edit-relevancy-of-content-radio-memnun-deilim--inner-wrapper {
    margin-left: 15px !important;
  }

  .webform-submission-website-feedback-add-form #ul-satisfaction-list li:nth-child(2) {
    padding-left: 45px;
    padding-right: 40px;
  }

  .webform-submission-website-feedback-add-form #ul-satisfaction-list {
    list-style: none;
    margin-left: 32px !important;
  }
}

@media only screen and (max-width:380px) {
  .webform-submission-website-feedback-add-form #ul-satisfaction-list {
    list-style: none;
    margin-left: 12px !important;
  }
}
@media screen and (max-width:767px) {
  section#edit-multiple-radios-buttons-wrapper #--wrapper {
    margin-bottom: 5px;
    padding-top: 5px;
}
  #ul-satisfaction-list {
    margin-left: 151px;
}
  .webform-submission-website-feedback-add-form .gds-form-multiple-step__form {
    bottom: 0px;
}
  .webform-submission-website-feedback-add-form .gds-form-input {
    max-width: 35rem;
}
  .webform-submission-website-feedback-add-form h5 {
    font-size: 14px;
}
}
@media screen and (max-width:480px) {
  #ul-satisfaction-list {
    margin-left: 60px;
}
  .webform-submission-website-feedback-add-form .gds-form-input {
    max-width: 24rem;
}
}
@media only screen and (max-width:1024px) and (min-width:767px) {
  .webform-submission-website-feedback-add-form .gds-form-multiple-step__form {
    width: 50% !important;
}
}