/* Components */
.helpie-faq.accordions {
  margin: 0 auto;
  width: 100%;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  opacity: 1;
  /* Base */
  /** Styles for to show the toggle icons in left side  */
  /** accordion heading*/ }
  .helpie-faq.accordions img {
    box-shadow: none; }
  .helpie-faq.accordions p {
    margin-bottom: 1.6em; }
  .helpie-faq.accordions .accordion {
    margin: 40px 0;
    overflow: hidden;
    padding: 0;
    border: solid 1px #f2f2f2; }
    .helpie-faq.accordions .accordion--show {
      display: block; }
    .helpie-faq.accordions .accordion--hide {
      display: none; }
  .helpie-faq.accordions .accordion__item {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .helpie-faq.accordions .accordion__item--show {
      display: block; }
    .helpie-faq.accordions .accordion__item--hide {
      display: none; }
  .helpie-faq.accordions .accordion__header {
    border: none;
    border-bottom: solid 1px #f2f2f2;
    cursor: pointer;
    display: block;
    outline: none;
    padding: 30px 52.5px 30px 30px;
    position: relative;
    text-align: left;
    width: 100%; }
    .helpie-faq.accordions .accordion__header .accordion__title {
      font-weight: 600;
      font-size: 100%;
      padding-right: 10px; }
    .helpie-faq.accordions .accordion__header .accordion__toggle {
      position: absolute;
      right: 0;
      top: 50%;
      margin-right: 37px;
      margin-top: -12px; }
      .helpie-faq.accordions .accordion__header .accordion__toggle span .accordion__toggle-icons {
        font-size: 18px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .helpie-faq.accordions .accordion__header .accordion__toggle.open-all .accordion__toggle--open {
      display: none; }
    .helpie-faq.accordions .accordion__header .accordion__toggle.open-all .accordion__toggle--close {
      display: block; }
  .helpie-faq.accordions .accordion__header:before {
    content: "";
    height: 2px;
    margin-right: 37px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 14px; }
  .helpie-faq.accordions .accordion__header:after {
    content: "";
    height: 2px;
    margin-right: 37px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 14px; }
  .helpie-faq.accordions .accordion__header.accordion__icon__position--ltr::after {
    left: 0px;
    right: initial;
    margin-left: 37px;
    margin-right: 0px; }
  .helpie-faq.accordions .accordion__header.accordion__icon__position--ltr::before {
    left: 0px;
    right: initial;
    margin-left: 37px;
    margin-right: 0px; }
  .helpie-faq.accordions .accordion__header.accordion__icon__position--ltr .accordion__title {
    padding-right: 0px;
    padding-left: 35px; }
  .helpie-faq.accordions .accordion__header.accordion__icon__position--ltr .accordion__toggle {
    left: 0px;
    right: initial;
    margin-left: 37px;
    margin-right: 0px; }
  .helpie-faq.accordions .accordion__header.active:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .helpie-faq.accordions .accordion__header.active .accordion__title,
  .helpie-faq.accordions .accordion__header:focus .accordion__title {
    position: relative; }
  .helpie-faq.accordions .accordion__body {
    padding: 25px 25px 0;
    display: none;
    overflow: hidden; }
  .helpie-faq.accordions .accordion.faq_list .accordion__item .accordion__header {
    display: block; }
  .helpie-faq.accordions .accordion.faq_list .accordion__item .accordion__header:after,
  .helpie-faq.accordions .accordion.faq_list .accordion__item .accordion__header:before {
    visibility: hidden; }
  .helpie-faq.accordions .accordion.faq_list .accordion__item .accordion__body {
    display: block; }
  .helpie-faq.accordions .accordion__header.custom-icon:after,
  .helpie-faq.accordions .accordion__header.custom-icon:before {
    content: none; }
  .helpie-faq.accordions .accordion__header.custom-icon .accordion__toggle .accordion__toggle--open {
    display: block; }
  .helpie-faq.accordions .accordion__header.custom-icon .accordion__toggle .accordion__toggle--close {
    display: none; }
  .helpie-faq.accordions .accordion__header.custom-icon.active .accordion__toggle .accordion__toggle--open {
    display: none; }
  .helpie-faq.accordions .accordion__header.custom-icon.active .accordion__toggle .accordion__toggle--close {
    display: block; }
  .helpie-faq.accordions .accordion__heading--show {
    display: block; }
  .helpie-faq.accordions .accordion__heading--hide {
    display: none; }
  .helpie-faq.accordions .accordion {
    border-color: #F2F2F2; }
  .helpie-faq.accordions .accordion__body {
    background: #FCFCFC; }
  .helpie-faq.accordions .accordion__header {
    background: #FFFFFF;
    border-color: #F2F2F2; }
  .helpie-faq.accordions .accordion__header:before,
  .helpie-faq.accordions .accordion__header:after {
    background: #44596B; }
  .helpie-faq.accordions.dark .accordion__body {
    background: #272727;
    color: #fcfcfc; }
  .helpie-faq.accordions.dark .accordion__header {
    background: #171717;
    border-color: #444;
    color: #fcfcfc; }
  .helpie-faq.accordions.dark .accordion__header:before,
  .helpie-faq.accordions.dark .accordion__header:after {
    background: #fcfcfc; }
  .helpie-faq.accordions.dark .form__section.dark {
    background: #272727; }
    .helpie-faq.accordions.dark .form__section.dark label {
      color: #fcfcfc; }
  .helpie-faq.accordions.dark .search__input {
    background: #272727;
    color: #fcfcfc; }
    .helpie-faq.accordions.dark .search__input::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #fcfcfc; }
    .helpie-faq.accordions.dark .search__input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #fcfcfc; }
    .helpie-faq.accordions.dark .search__input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #fcfcfc; }
    .helpie-faq.accordions.dark .search__input:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #fcfcfc; }
  .helpie-faq.accordions.dark .search__icon {
    color: #fcfcfc; }
  .helpie-faq.accordions .search {
    position: relative;
    width: 490px;
    display: block;
    margin: 0 auto;
    max-width: 100%; }
    .helpie-faq.accordions .search * {
      box-sizing: border-box; }
    .helpie-faq.accordions .search__wrapper {
      display: flex;
      align-items: center; }
    .helpie-faq.accordions .search__input {
      background: white;
      margin: 0 auto;
      width: 100%;
      height: 45px;
      padding: 0 20px;
      font-size: 1rem;
      border: 1px solid #d0cfce;
      outline: none; }
      .helpie-faq.accordions .search__input:focus {
        border: 1px solid #008abf;
        transition: 0.35s ease;
        color: #008abf; }
        .helpie-faq.accordions .search__input:focus::-webkit-input-placeholder {
          transition: opacity 0.45s ease;
          opacity: 0; }
        .helpie-faq.accordions .search__input:focus::-moz-placeholder {
          transition: opacity 0.45s ease;
          opacity: 0; }
        .helpie-faq.accordions .search__input:focus:-ms-placeholder {
          transition: opacity 0.45s ease;
          opacity: 0; }
    .helpie-faq.accordions .search__icon {
      position: absolute;
      right: 10px;
      box-shadow: none; }
    .helpie-faq.accordions .search__message__content {
      text-align: center; }
  .helpie-faq.accordions .form__section {
    overflow: hidden;
    padding: 5%;
    border: solid 1px #F2F2F2;
    background: #FCFCFC;
    display: none; }
  .helpie-faq.accordions .form__text,
  .helpie-faq.accordions .form__email,
  .helpie-faq.accordions .form__textarea {
    background: #F2F2F2;
    width: 100%; }
    .helpie-faq.accordions .form__text:focus,
    .helpie-faq.accordions .form__email:focus,
    .helpie-faq.accordions .form__textarea:focus {
      outline: none; }
  .helpie-faq.accordions .collection-title {
    margin-bottom: 20px; }

.success-message {
  text-align: center;
  position: relative; }

.success-message__icon {
  max-width: 75px; }

.success-message__title {
  color: #3DC480;
  transform: translateY(25px);
  opacity: 0;
  font-size: 21px;
  transition: all 200ms ease; }
  .active .success-message__title {
    transform: translateY(0);
    opacity: 1; }

.success-message__content {
  color: #5b6367;
  transform: translateY(25px);
  opacity: 0;
  transition: all 200ms ease;
  transition-delay: 50ms; }
  .active .success-message__content {
    transform: translateY(0);
    opacity: 1; }

.icon-checkmark circle {
  fill: #3DC480;
  transform-origin: 50% 50%;
  transform: scale(0);
  transition: transform 200ms cubic-bezier(0.22, 0.96, 0.38, 0.98); }

.icon-checkmark path {
  transition: stroke-dashoffset 350ms ease;
  transition-delay: 100ms; }

.active .icon-checkmark circle {
  transform: scale(1); }

div {
  box-sizing: border-box; }


/*# sourceMappingURL=main.bundle.css.map*/