.psy-help h1, .psy-help h2, .psy-help h4, .psy-help h5, .psy-help p {
    margin: 0;
    color: #1A2833;
  }
  .psy-help .psy-help-card h5 {
    line-height: 24px;
  }
  .psy-help h2 {
    font-size: 40px;
    line-height: 48px;
  }
  @media (max-width: 560px) {
  .psy-help h2 {
      font-size: 32px;
      line-height: 40px
  }
    }
  .psy-help h3 {
    font-size: 32px;
    line-height: 40px;
  }
  @media (max-width: 560px) {
  .psy-help h3 {
      font-size: 24px;
      line-height: 28px
  }
    }
  .psy-help [data-section] h3 {
    margin-bottom: 24px;
  }
  @media (max-width: 640px) {
  .psy-help [data-section] h3 {
      margin-bottom: 16px
  }
    }

.psy-banner {
  background-image:  url(https://dev1.yasno.dev/assets/portraits-bd21adc217ca218699f013ff05b0c1d8e2e22f182ff0b978622dc4e762b54f9c.png), url(https://dev1.yasno.dev/assets/line-background-8a168e98973c84f4e2ad83604720ae4cf608533c2addf085d465acea568474bb.svg);
  background-position: top 14px right 94px, bottom right ;
  background-repeat: no-repeat;
}

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

.psy-banner {
    background-image:  url(https://dev1.yasno.dev/assets/portraits-mobile-7031ae941042b35b4a982419173f16355ff2d4ae154533aacae0940928305ddd.png), url(https://dev1.yasno.dev/assets/line-background-mobile-6dca9bd4c12f7850a38d0f38493a005f2ffae21c8d3cc262659ccaacee5d5d64.svg);
    background-position: top 11px right 18px, bottom right;
    background-repeat: no-repeat
}
  }

.navigation-tag {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.navigation-tag >li:not(:last-child) {
    margin-right: 8px;
  }

.navigation-tag >li{
    border-radius: 32px;
    padding: 12px 24px;
    background-color: #E9ECEE;
    color: #1A2833;
    font-size: 16px;
    font-weight: 400;
  }

.navigation-tag >li:not(.active):hover {
    cursor: pointer;
  }

.navigation-tag >li.active{
    background-color: #42B2FC;
    color: #FFFFFF;
  }

.psy-help_slider-controllers .swiper-button {

  width: 28px;
  height: 28px;
}

.psy-help_slider-controllers .swiper-button-prev {
    background-color: #1A2833;
    -webkit-mask-image: url(https://dev1.yasno.dev/assets/icons/arrow-slider-left-7bae5cabbfcae53e1f68c058dff02eec56ab1360f99ce42b1deeb89b3e7a17c0.svg);
    mask-image: url(https://dev1.yasno.dev/assets/icons/arrow-slider-left-7bae5cabbfcae53e1f68c058dff02eec56ab1360f99ce42b1deeb89b3e7a17c0.svg);
  }

.psy-help_slider-controllers .swiper-button-next {
    background-color: #1A2833;
    -webkit-mask-image: url(https://dev1.yasno.dev/assets/icons/arrow-slider-right-02aaf90258327e2aff65c683c4774c994b8702052848e9cab8a7ce8b14d4c1a8.svg);
    mask-image: url(https://dev1.yasno.dev/assets/icons/arrow-slider-right-02aaf90258327e2aff65c683c4774c994b8702052848e9cab8a7ce8b14d4c1a8.svg);
  }

.psy-help_slider-controllers .swiper-button-disabled {
    background-color: #BFCBD6 !important;
  }

.psy-help-card .icon-arrow {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #8497A6;
    -webkit-mask-image: url(https://dev1.yasno.dev/assets/icons/angle-down-148decf8565c5c4e69e64a3252acdd24c5916d3a88e93197d4a58b87491152ee.svg);
    mask-image: url(https://dev1.yasno.dev/assets/icons/angle-down-148decf8565c5c4e69e64a3252acdd24c5916d3a88e93197d4a58b87491152ee.svg);
    transition: all 250ms ease;
  }

.psy-help-card .js-card-description-close:not(._hidden) + .icon-arrow {
    transform: rotate(180deg);
  }

.psy-help-card .card-desc {
    height: -moz-fit-content;
    height: fit-content;
    max-height: 0px;
    overflow: hidden;
    visibility: collapse;
    transition: all .45s ease-in-out;
  }

.psy-help-card .card-desc.show {
    max-height: 500px;
    visibility: visible;
  }