section.little-help-block {
  max-width: 1040px;
  margin: 0 auto;
  top: 0;
  left: 0;
  position: relative;
  z-index: 5;
}

section.little-help-block .inner-container {
  align-items: center;
  background-color: #ffffff;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.18);
  color: #0f5293;
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}

section.little-help-block .dropdown {
  display: flex;
  font-family: archerSemibold;
  font-size: 35px;
  justify-content: center;
  line-height: 45px;
  padding: 40px 0;
  position: relative;
  /*style the arrow inside the select element:*/
  /*point the arrow upwards when the select box is open (active):*/
  /*style the items (options), including the selected item:*/
  /*style items (options):*/
  /*hide the items when the select box is closed:*/
}

section.little-help-block .dropdown .select-wrapper {
  border: 1px solid transparent;
  position: relative;
  width: 700px;
}

section.little-help-block .dropdown .select-wrapper select {
  display: none;
}

section.little-help-block .dropdown .select-selected.select-arrow-active {
  border-style: solid;
  border-color: #007dbd #007dbd transparent #007dbd;
  border-bottom: 1px dotted #007dbd;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.18);
}

section.little-help-block .dropdown .select-selected.select-arrow-active + .select-items {
  border: 1px solid transparent;
  border-color: transparent #007dbd #007dbd #007dbd;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.18);
}

section.little-help-block .dropdown .select-selected {
  color: #007dbd;
}

section.little-help-block .dropdown .select-selected:after {
  border: 12px solid transparent;
  border-color: #007dbd transparent transparent transparent;
  content: '';
  height: 0;
  position: absolute;
  right: 20px;
  top: calc(50%);
  width: 0;
}

section.little-help-block .dropdown .select-selected.select-arrow-active:after {
  border-color: transparent transparent #007dbd transparent;
  top: calc(50% - 15px);
}

section.little-help-block .dropdown .select-items div,
section.little-help-block .dropdown .select-selected {
  color: #0f5293;
  padding: 8px 55px 16px 8px;
  border-bottom: 1px dotted #007dbd;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

section.little-help-block .dropdown .select-selected {
  color: #007dbd;
  border: 1px dotted transparent;
  border-color: transparent transparent #007dbd transparent;
}

section.little-help-block .dropdown .select-items {
  position: absolute;
  color: #007dbd;
  background-color: #ffffff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  font-size: 24px;
}

section.little-help-block .dropdown .select-hide {
  display: none;
}

section.little-help-block .dropdown .select-items div:hover,
section.little-help-block .dropdown .same-as-selected {
  color: #007dbd;
}

section.little-help-block .options ul {
  margin: 0 40px 40px;
  flex-wrap: wrap;
  justify-content: center;
  display: none;
}

section.little-help-block .options ul.active {
  display: flex;
}

section.little-help-block .options ul .option-wrapper {
  border-radius: 3px;
  box-sizing: border-box;
  margin: 20px 20px;
  position: relative;
}

section.little-help-block .options ul .option-wrapper:after {
  content: '';
  position: absolute;
  width: 100%;
}

section.little-help-block .options ul .option-wrapper:hover > .answer-wrapper {
  display: block;
}

section.little-help-block .options ul .option-wrapper:hover:after {
  display: none;
}

section.little-help-block .options ul .option-wrapper.veryltbluebar:after {
  border-bottom: 4px solid #8dcef2;
}

section.little-help-block .options ul .option-wrapper.ltbluebar:after {
  border-bottom: 4px solid #64b5e5;
}

section.little-help-block .options ul .option-wrapper.bluebar:after {
  border-bottom: 4px solid #007dbd;
}

section.little-help-block .options ul .option-wrapper.dkbluebar:after {
  border-bottom: 4px solid #0f5293;
}

section.little-help-block .options ul .option-wrapper.ltgreybar:after {
  border-bottom: 4px solid #bfc0bf;
}

section.little-help-block .options ul .option-wrapper.ltgreybluebar:after {
  border-bottom: 4px solid #eff2f9;
}

section.little-help-block .options ul .option-wrapper .question {
  height: 80px;
  overflow: hidden;
  max-width: 18ch;
}

section.little-help-block .options ul .option-wrapper .answer-wrapper {
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #0f5293;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.18);
  display: none;
  left: -20px;
  padding-bottom: 40px;
  position: absolute;
  top: -21px;
  width: 220px;
  z-index: 5;
  box-sizing: border-box;
}

section.little-help-block .options ul .option-wrapper .answer-wrapper .question {
  color: #0f5293;
  height: auto;
  padding: 20px 19px 10px;
}

section.little-help-block .options ul .option-wrapper .answer-wrapper .answer {
  color: #001e41;
  font-size: 13px;
  padding: 0 20px;
}

section.little-help-block .options ul .option-wrapper .answer-wrapper .answer-link {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 20px;
  padding: 20px;
}

section.little-help-block .options ul .option-wrapper.button-style .answer-wrapper {
  padding-bottom: 0;
}

section.little-help-block .options ul .option-wrapper.button-style .answer-wrapper button {
  margin: 20px;
}

section.little-help-block .options ul .option-wrapper.button-style .answer-wrapper:after {
  display: none;
}

@media (max-width: 1040px) {
  section.little-help-block {
    max-width: 100vw;
    margin: 0;
  }
  section.little-help-block .inner-container {
    background-color: #e6ebf4;
    border-bottom: 3px solid white;
    box-shadow: none;
    margin: 0;
    padding: 160px 0 80px;
  }
  section.little-help-block .dropdown {
    background-color: #ffffff;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.18);
    color: #ffffff;
    margin-top: -80px;
    width: 460px;
    padding: 0 !important;
    font-size: 25px;
    line-height: 35px;
    justify-self: center;
  }
  section.little-help-block .dropdown .select-wrapper:after {
    display: none;
  }
  section.little-help-block .options ul {
    background-color: #e6ebf4;
    margin: 20px;
  }
  section.little-help-block .options ul li {
    width: 47%;
    background-color: #ffffff;
    margin: 10px;
  }
  section.little-help-block .options ul li .question {
    bottom: 0;
    color: #0f5293;
    font-size: 16px;
    position: relative;
    padding-bottom: 10px;
  }
  section.little-help-block .options ul .option-wrapper .question {
    max-width: none;
  }
  section.little-help-block .options ul li .question br {
    display: none;
  }
  section.little-help-block .options ul .option-wrapper {
    margin: 0;
    padding: 0 20px;
    min-height: 120px;
    display: flex;
    align-items: flex-end;
  }
  section.little-help-block .options ul .option-wrapper:after {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
  }
  section.little-help-block .options ul .option-wrapper .answer-wrapper {
    padding: 20px 30px;
    left: -30px;
    top: -11px;
    width: calc(100% + 60px);
  }
  section.little-help-block .options ul .option-wrapper:hover:after {
    display: block;
  }
  section.little-help-block .dropdown .select-wrapper .select-selected {
    padding: 8px 46px 16px 20px;
    border: 0;
  }
  section.little-help-block .dropdown .select-wrapper .select-selected.select-arrow-active {
    border-bottom: 1px dotted #007dbd;
  }
  section.little-help-block .dropdown .select-wrapper .select-selected.select-arrow-active:after {
    top: calc(50% - 22px);
  }
  section.little-help-block .dropdown .select-wrapper .select-selected:after {
    top: calc(50% - 10px);
  }
  section.little-help-block .dropdown .select-wrapper .select-items {
    border: 0 !important;
    font-size: 18px;
  }
}

@media (max-width: 512px) {
  section.little-help-block .dropdown {
    width: calc(100% - 40px);
  }
}

@media (max-width: 767px) {
  section.little-help-block .options ul li {
    width: 100%;
  }
}