@font-face {
  font-family: 'GTWalsheimPro';
  src: url("../fonts/GTWalsheimPro.ttf"), url("../fonts/GTWalsheimPro.otf"); }

@font-face {
  font-family: 'GTWalsheimPro-Medium';
  src: url("../fonts/GTWalsheimPro-Medium.ttf"), url("../fonts/GTWalsheimPro-Medium.otf"); }

@font-face {
  font-family: 'GTWalsheimPro-MediumOblique';
  src: url("../fonts/GTWalsheimPro-MediumOblique.ttf"), url("../fonts/GTWalsheimPro-Medium.otf"); }

@font-face {
  font-family: 'GTWalsheimProBold';
  src: url("../fonts/GTWalsheimPro-Bold.ttf"), url("../fonts/GTWalsheimPro-Medium.otf"); }

.help .helpHeader {
  margin-top: 75px;
  margin-left: 90px; }
  @media (min-width: 767px) and (max-width: 1029px) {
    .help .helpHeader {
      margin-top: 15px;
      margin-left: -3px; } }
  @media (max-width: 766px) {
    .help .helpHeader {
      margin-top: 10px;
      margin-left: -14px; } }
  .help .helpHeader .helpTitle {
    font-size: 50px;
    font-weight: 500;
    color: #0074ff;
    font-weight: bold; }
    .help .helpHeader .helpTitle span {
      color: #ff5757; }
    @media (max-width: 766px) {
      .help .helpHeader .helpTitle {
        font-size: 32px; } }

.help .helpArea {
  margin-left: 90px; }
  @media (min-width: 767px) and (max-width: 1029px) {
    .help .helpArea {
      margin-left: 0px; } }
  @media (max-width: 766px) {
    .help .helpArea {
      margin-left: 0px; } }
  .help .helpArea .tab {
    margin-top: 50px; }
    @media (min-width: 767px) and (max-width: 1029px) {
      .help .helpArea .tab {
        margin-top: 10px; } }
    @media (max-width: 766px) {
      .help .helpArea .tab {
        margin-top: 36px;
        position: relative;
        left: -15px;
        bottom: 28px; } }
    .help .helpArea .tab .tab_menu {
      width: 100%;
      list-style-type: none;
      padding-left: 0; }
      @media (min-width: 767px) and (max-width: 1029px) {
        .help .helpArea .tab .tab_menu {
          margin-top: 23px; } }
      @media (max-width: 766px) {
        .help .helpArea .tab .tab_menu {
          margin-bottom: 32px; } }
      .help .helpArea .tab .tab_menu_item {
        float: left;
        margin-right: 2px;
        text-align: center;
        list-style-type: none; }
        .help .helpArea .tab .tab_menu_item:last-child {
          margin-right: 0; }
        .help .helpArea .tab .tab_menu_item_link {
          display: block;
          margin-right: 90px;
          padding-bottom: 5px;
          font-size: 18px;
          color: #494949;
          transition: .3s;
          text-align: left;
          text-decoration: none;
          margin-bottom: 26px; }
          @media (min-width: 767px) and (max-width: 1029px) {
            .help .helpArea .tab .tab_menu_item_link {
              margin-right: 32px;
              padding-bottom: 0px; } }
          @media (max-width: 766px) {
            .help .helpArea .tab .tab_menu_item_link {
              margin-right: 0px; } }
          .help .helpArea .tab .tab_menu_item_link:hover {
            color: #494949; }
          .help .helpArea .tab .tab_menu_item_link.is-active {
            color: #494949; }
          .help .helpArea .tab .tab_menu_item_link .tabMenuTitle {
            border-bottom: 3px solid #494949;
            padding-bottom: 10px;
            font-family: "GTWalsheimProBold";
            color: #494949; }
            @media (max-width: 766px) {
              .help .helpArea .tab .tab_menu_item_link .tabMenuTitle {
                font-size: 15px; } }
            @media (min-width: 767px) and (max-width: 1029px) {
              .help .helpArea .tab .tab_menu_item_link .tabMenuTitle {
                font-size: 16px; } }
    .help .helpArea .tab .tab_container {
      width: 91%;
      margin-top: 37px; }
      @media (min-width: 767px) and (max-width: 1029px) {
        .help .helpArea .tab .tab_container {
          width: 102%;
          margin-top: 0px;
          position: relative;
          top: -15px; } }
      @media (max-width: 766px) {
        .help .helpArea .tab .tab_container {
          width: 106%;
          margin-top: 0;
          position: relative;
          bottom: 41px; } }
    .help .helpArea .tab .tab_content {
      display: none; }
      .help .helpArea .tab .tab_content.is-active {
        display: block; }
    .help .helpArea .tab .collapseHeader {
      background: transparent !important;
      border-bottom: 0 !important;
      padding-left: 7px;
      font-family: "GTWalsheimProBold"; }
      .help .helpArea .tab .collapseHeader .collapseButton {
        color: #494949;
        text-decoration: none; }
        @media (max-width: 766px) {
          .help .helpArea .tab .collapseHeader .collapseButton {
            font-size: 12px; } }
    .help .helpArea .tab .collapseTitle {
      font-family: "GTWalsheimPro-Medium"; }
    .help .helpArea .tab .collapseBody {
      font-size: 16px;
      line-height: 2.19;
      color: #494949; }
    .help .helpArea .tab .collapseIcon {
      float: right;
      margin-top: 4px; }
      @media (max-width: 766px) {
        .help .helpArea .tab .collapseIcon {
          position: relative;
          right: -20px; } }
    .help .helpArea .tab .btn:focus, .help .helpArea .tab .btn:active {
      outline: none !important;
      box-shadow: none; }

.informartionVideoTitle {
  font-size: 18px;
  font-weight: bold;
  color: #494949;
  display: block;
  padding-bottom: 45px;
  padding-top: 7px; }

[data-toggle="collapse"] .fa:before {
  content: "\f077"; }

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f078"; }

:root {
  --gutter: 10px; }

.swipeTab {
  display: none !important;
  padding: var(--gutter) 0;
  display: grid;
  grid-gap: var(--gutter) 0;
  grid-template-columns: var(--gutter) 1fr var(--gutter);
  align-content: start;
  overflow-y: scroll;
  position: relative;
  left: -61px;
  width: 100%;
  overflow-y: hidden; }
  @media (max-width: 766px) {
    .swipeTab {
      display: block !important; } }
  .swipeTab > * {
    grid-column: 2 / -2; }
  .swipeTab > .full {
    grid-column: 1 / -1; }

.tabArea {
  display: grid;
  grid-gap: calc(var(--gutter) / 2);
  grid-template-columns: 200px 270px 200px;
  overflow-x: scroll;
  scroll-snap-type: x proximity;
  padding-bottom: calc(.75 * var(--gutter));
  margin-bottom: calc(-.25 * var(--gutter));
  padding: 0 20px;
  position: relative;
  left: -20px;
  margin-top: 25px; }
  .tabArea > li {
    scroll-snap-align: center;
    padding: calc(var(--gutter) / 2 * 1.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 8px; }

.tabAreaEN {
  grid-template-columns: 270px 270px 200px !important;
  right: 28px !important; }

.helpItem {
  scroll-snap-align: center;
  padding: calc(var(--gutter) / 2 * 1.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  border-radius: 8px; }

.noScrollbar {
  scrollbar-width: none;
  margin-bottom: 0;
  padding-bottom: 0; }
  .noScrollbar::-webkit-scrollbar {
    display: none; }

@media (max-width: 766px) {
  .helpVideo {
    height: 215px !important; } }

/*# sourceMappingURL=help.css.map */