/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */
#module-cs_questionnaire-questionnaire .questionnaire-steps {
  position: relative;
  padding: 25px 48px 0;
}

#module-cs_questionnaire-questionnaire [hidden] {
  display: none !important;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps-header
  .questionnaire-steps__question {
  text-transform: none;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 110%;
  text-align: center;
  margin-top: 20px;
  color: #222222;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps-header
  .questionnaire-steps__question.step_3,
#module-cs_questionnaire-questionnaire .questionnaire-steps__question.step_5 {
  margin-left: 5px;
  margin-right: 5px;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps-header
  .questionnaire-steps__question.step_2 {
  margin-bottom: 21px;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps-header
  .questionnaire-steps__description {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  margin-bottom: 50px;

  color: #222222;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers.questionnaire-images {
  padding: 0 46px;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers.questionnaire-loader {
  display: flex;
  align-items: center;
  justify-content: center;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_with_image
  .cs_image_block {
  border: 1px solid #222222;
  border-bottom: none;
  width: 100%;
  max-height: 212px;
  overflow: hidden;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_with_image {
  flex-basis: calc(
    20% - 1rem
  ); /* Set width of blocks to 25% with gap of 1rem */
  margin: 0.5rem; /* Set margin around blocks as needed */
}

#module-cs_questionnaire-questionnaire .cs_with_image:nth-child(4n + 1),
#module-cs_questionnaire-questionnaire .cs_with_image:nth-child(4n + 2),
#module-cs_questionnaire-questionnaire .cs_with_image:nth-child(4n + 3),
#module-cs_questionnaire-questionnaire .cs_with_image:nth-child(4n + 4) {
  margin-left: auto; /* Move blocks 1-4 to the left by setting margin-left to auto */
  margin-right: auto; /* Move blocks 1-4 to the right by setting margin-right to auto */
}

@media (max-width: 800px) {
  #module-cs_questionnaire-questionnaire .cs_with_image {
    flex-basis: calc(
      50% - 1rem
    ); /* Set width of blocks to 50% with gap of 1rem on smaller screens */
  }
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_with_image
  .cs_image_block.icon
  img {
  padding: 25px 30px;
  max-width: 230px;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_with_image
  .cs_icon_block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 223px;
  border: 1px solid #222222;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_with_image
  .cs_icon_block
  img {
  padding: 40px 0 29px;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_with_image {
  cursor: pointer;
  margin: 0 20px 20px;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_with_image
  label {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}

#module-cs_questionnaire-questionnaire .has_image {
  flex-direction: unset;
  /* display: flex; */
  flex-wrap: wrap;
  justify-content: center; /* Center align items horizontally */
  align-items: baseline;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_with_image
  .answers__label {
  max-width: 170px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_with_image
  .answers__description {
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  opacity: 0.7;
  margin-top: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps__answer
  .answers__label:empty,
#module-cs_questionnaire-questionnaire .answers__description:empty {
  display: none !important;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_loader {
  margin-right: 15px;
  overflow: hidden;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_loader
  .cs_loader_block {
  width: 50px;
  height: 222.33px;
  border: 1px solid #222222;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_loader
  .cs_loader_block
  .cs_25 {
  height: 22.23px;
  border-top: 1px solid #222222;
  background: #fbf2f4;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_loader
  .cs_loader_block
  .cs_45 {
  height: 74.11px;
  border-top: 1px solid #222222;
  background: #fbf2f4;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_loader
  .cs_loader_block
  .cs_65 {
  height: 125.99px;
  border-top: 1px solid #222222;
  background: #fbf2f4;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_loader
  .cs_loader_block
  .cs_85 {
  height: 170.46px;
  border-top: 1px solid #222222;
  background: #fbf2f4;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_loader
  .cs_loader_block
  .cs_100 {
  height: 100%;
  background: #fbf2f4;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .questionnaire-steps__answers
  .questionnaire-steps__answer.cs_loader
  .cs_loader_block
  input[type="radio"]:checked
  + label {
  border: 2px solid #222222;
}

#module-cs_questionnaire-questionnaire input[type="radio"] + label,
#module-cs_questionnaire-questionnaire input[type="checkbox"] + label {
  border: 1px solid #222222;
  padding: 15px 10px 13px 47px;
  cursor: pointer;
  position: relative;
  margin-bottom: 20px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 27px;
  display: flex;
  align-items: flex-end;
  text-align: center;
  color: #222222;
}
#module-cs_questionnaire-questionnaire input[type="radio"],
#module-cs_questionnaire-questionnaire input[type="checkbox"] {
  display: none;
}

#module-cs_questionnaire-questionnaire input[type="radio"] + label:before,
#module-cs_questionnaire-questionnaire input[type="checkbox"] + label:before {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 100%;
  background-color: #f6f6f6;
  border: 1px solid #222222;
  margin-left: -37px;
  top: 28%;
  position: absolute;
  text-align: center;
}

#module-cs_questionnaire-questionnaire
  input[type="radio"]:checked
  + label:before,
#module-cs_questionnaire-questionnaire
  input[type="checkbox"]:checked
  + label:before {
  border: 1px solid #222222;
  box-sizing: border-box;
  content: "\25CF";
  font-size: 21px;
  line-height: 20px;
  text-align: center;
}

#module-cs_questionnaire-questionnaire input[type="radio"]:checked + label,
#module-cs_questionnaire-questionnaire input[type="checkbox"]:checked + label {
  color: #222222;
  background: #fbf2f4;
}

#module-cs_questionnaire-questionnaire
  .default-radio
  input[type="radio"]
  + label {
  background-color: transparent;
  border: none;
}

#module-cs_questionnaire-questionnaire
  .default-radio
  input[type="radio"]:checked
  + label:before {
  background-color: transparent;
}

#module-cs_questionnaire-questionnaire .questionnaire-steps__buttons {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps__buttons
  .questionnaire-steps__button--next,
#module-cs_questionnaire-questionnaire .questionnaire-steps__button--finish {
  padding: 14px 20px;
  background: #222222;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  width: 100%;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps__buttons
  .questionnaire-steps__button--finish:hover {
  background: none;
  border: 1px solid #222222;
  color: #222222;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps__buttons
  .questionnaire-steps__button--back {
  justify-content: center;
  padding: 25px 30px;
  background: transparent;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  align-items: flex-end;
  text-align: right;
  color: #222222;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps__buttons
  .questionnaire-steps__button--back::before {
  margin-right: 22px;
  content: url("../img/questionnaire/arrow.svg");
}

#module-cs_questionnaire-questionnaire .questionnaire-steps__title {
  width: 100%;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #222222;
  /* margin-bottom: 30px; */
}

#module-cs_questionnaire-questionnaire .questionnaire-steps .default-input {
  box-sizing: border-box;
  display: block;
  flex-direction: row;
  align-items: center;
  padding: 18px 50px 14px 20px;
  max-width: 400px;
  height: 58px;
  background: #ffffff;
  border: 1px solid #222222;
}

#module-cs_questionnaire-questionnaire button:disabled {
  opacity: .6;
}

#module-cs_questionnaire-questionnaire
  .questionnaire-steps
  .default-input::placeholder {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  display: flex;
  align-items: flex-end;
  text-align: left;

  color: #222222;

  opacity: 0.7;
}
@media (min-width: 1200px) {
  #module-cs_questionnaire-questionnaire .questionnaire-steps {
    padding: 76px 0px 0;
  }

  #module-cs_questionnaire-questionnaire .questionnaire-steps:after {
    content: "";
    position: absolute;
    width: 798px;
    height: 725px;
    left: -340px;
    top: 300px;
    background: #fbf2f4;
    filter: blur(125px);
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps-header
    .questionnaire-steps__question.step_2 {
    margin-bottom: 20px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps-header
    .questionnaire-steps__question.step_5 {
    margin-right: 20px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps-header
    .questionnaire-steps__question {
    font-size: 48px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps-header
    .questionnaire-steps__description.step_2 {
    font-size: 18px;
    margin: 23px 20px 58px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps-header
    .questionnaire-steps__description {
    font-size: 18px;
    margin-top: 25px;
  }

  #module-cs_questionnaire-questionnaire .questionnaire-steps__answers {
    padding: 0 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
  }

  #module-cs_questionnaire-questionnaire input[type="radio"] + label:before,
  #module-cs_questionnaire-questionnaire input[type="checkbox"] + label:before {
    top: 29%;
    margin-left: -34px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps__answers
    .questionnaire-steps__answer.cs_with_image
    .answers__description {
    margin-top: 0;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps__answers.questionnaire-images {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps__answers
    .questionnaire-steps__answer.cs_with_image
    .cs_image_block {
    width: 100%;
    max-height: 220px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps__answers
    .questionnaire-steps__answer.cs_with_image
    .cs_image_block
    img {
    cursor: pointer;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps__answers
    .questionnaire-steps__answer.cs_with_image
    .cs_image_block.icon
    img {
    cursor: pointer;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps__answers
    .questionnaire-steps__answer.cs_with_image
    .cs_image_block.icon
    img {
    max-height: 220px;
    cursor: pointer;
    padding: 25px 40px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps
    .questionnaire-steps__answers.questionnaire-loader {
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin: 0 200px;
  }

  #module-cs_questionnaire-questionnaire input[type="radio"] + label,
  #module-cs_questionnaire-questionnaire input[type="checkbox"] + label {
    width: 400px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps__buttons
    .questionnaire-steps__button--next,
  #module-cs_questionnaire-questionnaire .questionnaire-steps__button--finish {
    width: 100%;
    max-width: 110px;
    height: 58px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps__buttons
    .questionnaire-steps__button--finish {
    width: 100%;
    max-width: 120px;
    height: 58px;
  }

  #module-cs_questionnaire-questionnaire
    .questionnaire-steps__buttons
    .questionnaire-steps__button--next:hover {
    border: 1px solid #222222;
    background: none;
    color: #222222;
  }

  #module-cs_questionnaire-questionnaire .questionnaire-steps .default-input {
    width: 400px;
    margin-bottom: 0;
  }

  #module-cs_questionnaire-questionnaire .questionnaire-steps__buttons {
    margin-top: 38px;
    margin-bottom: 144px;
  }
}


@media (min-width: 350px) and (max-width: 410px) {
  
  #module-cs_questionnaire-questionnaire .questionnaire-steps .default-input {
    width: 280px !important;
  }
}