@media (max-width: 1200px) {
  .nav-tab {
    overflow-y: auto; } }

.nav-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  border: 1px solid var(--grey-accent-default);
  border-radius: 15px; }
  @media (min-width: 992px) {
    .nav-tab ul {
      height: 46px; } }
  .nav-tab ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 47px;
    border-right: 1px solid var(--grey-accent-default); }
    .nav-tab ul li:last-child {
      border-right: 0; }
    .nav-tab ul li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: center;
          align-self: center;
      font-size: 14px;
      color: var(--grey-dark);
      text-decoration: none;
      white-space: nowrap; }
      @media (min-width: 992px) {
        .nav-tab ul li a {
          font-size: 16px; } }
      .nav-tab ul li a:hover {
        color: var(--black); }
      .nav-tab ul li a.active {
        color: var(--black);
        font-weight: 500; }
    .nav-tab ul li.active a {
      color: var(--black); }

.nav-tab {
  margin-bottom: 30px; }

.cat-filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5px;
  margin-bottom: 10px;
  overflow-y: hidden; }
  @media (min-width: 768px) {
    .cat-filter-list {
      overflow-y: initial;
      margin-bottom: 0; } }
  .cat-filter-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 768px) {
      .cat-filter-list ul {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .cat-filter-list ul li {
      margin-right: 10px; }
      @media (min-width: 768px) {
        .cat-filter-list ul li {
          display: none;
          margin-bottom: 10px; }
          .cat-filter-list ul li:nth-child(1), .cat-filter-list ul li:nth-child(2), .cat-filter-list ul li:nth-child(3), .cat-filter-list ul li:nth-child(4), .cat-filter-list ul li:nth-child(5), .cat-filter-list ul li:nth-child(6) {
            display: block; } }
      @media (min-width: 1200px) {
        .cat-filter-list ul li:nth-child(1), .cat-filter-list ul li:nth-child(2), .cat-filter-list ul li:nth-child(3), .cat-filter-list ul li:nth-child(4), .cat-filter-list ul li:nth-child(5), .cat-filter-list ul li:nth-child(6), .cat-filter-list ul li:nth-child(7) {
          display: block; } }
      .cat-filter-list ul li a {
        display: block;
        background: var(--grey-bg);
        font-size: 14px;
        color: var(--dark-accent);
        text-decoration: none;
        white-space: nowrap;
        padding: 4px 14px;
        border-radius: 8px; }
        .cat-filter-list ul li a:hover {
          background: var(--grey-dark);
          color: #FFF; }
      .cat-filter-list ul li.active a {
        background: var(--dark);
        color: #FFF; }
      .cat-filter-list ul li.cat-list__all {
        display: none; }
        @media (min-width: 768px) {
          .cat-filter-list ul li.cat-list__all {
            display: block;
            margin-left: 5px; } }
        .cat-filter-list ul li.cat-list__all .tax-show-all__btn {
          background: none;
          display: inline-block;
          font-size: 13px;
          color: var(--grey-dark);
          text-decoration: none;
          border: 0;
          border-bottom: 1px dashed var(--grey-dark); }
          .cat-filter-list ul li.cat-list__all .tax-show-all__btn:hover {
            color: var(--black);
            border-color: var(--black); }
    .cat-filter-list ul.show li {
      display: block; }

.cat-filter-sort {
  padding-bottom: 15px;
  position: relative; }
  .cat-filter-sort ul {
    display: none; }
    @media (min-width: 1200px) {
      .cat-filter-sort ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .cat-filter-sort ul li {
      margin-right: 20px; }
      .cat-filter-sort ul li a, .cat-filter-sort ul li button {
        background: none;
        font-size: 14px;
        text-align: left;
        color: var(--grey-dark);
        text-decoration: none;
        border: 0; }
        .cat-filter-sort ul li a:hover, .cat-filter-sort ul li button:hover {
          color: var(--black); }
      .cat-filter-sort ul li.active a, .cat-filter-sort ul li.active button {
        color: var(--black); }
    .cat-filter-sort ul.show {
      background: #FFF;
      display: block;
      width: 180px;
      text-align: left;
      -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
      padding: 15px 30px;
      border-radius: 15px;
      position: absolute;
      top: 30px;
      left: 0;
      z-index: 2; }
      .cat-filter-sort ul.show li {
        margin: 0 0 10px 0; }
        .cat-filter-sort ul.show li:last-child {
          margin: 0; }
        .cat-filter-sort ul.show li a {
          font-size: 12px;
          line-height: 19px; }
  .cat-filter-sort__btn {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.084 14.45a.448.448 0 01.636 0 .459.459 0 01.004.637l-3.476 3.476a.448.448 0 01-.32.132.448.448 0 01-.32-.133l-3.476-3.475a.448.448 0 010-.636.448.448 0 01.637 0l2.703 2.706V1.754a.452.452 0 11.905 0v15.403l2.707-2.707zm6.984 4.249a.452.452 0 01-.452-.453h.007V2.843L11.916 5.55a.448.448 0 01-.636 0 .448.448 0 010-.636l3.476-3.476a.46.46 0 01.636 0l3.476 3.476a.448.448 0 01-.32.768.448.448 0 01-.32-.132L15.52 2.843v15.403c0 .25-.203.453-.453.453z' fill='%23161616'/%3E%3C/svg%3E") no-repeat;
    font-size: 12px;
    padding-left: 28px;
    min-height: 20px;
    border: 0; }
    @media (min-width: 1200px) {
      .cat-filter-sort__btn {
        display: none; } }
  .cat-filter-sort--blog {
    border-top: 1px solid var(--grey-accent-default);
    padding-top: 10px; }

.blog-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  border: 1px solid var(--grey-accent-default);
  padding: 20px;
  border-radius: 15px;
  text-decoration: none; }
  @media (min-width: 576px) {
    .blog-item {
      padding: 30px; } }
  .blog-item__label {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #FFF;
    padding: 4px 14px;
    margin-bottom: 15px;
    border-radius: 8px; }
    .blog-item__label--automation {
      background-color: var(--blue); }
    .blog-item__label--marking {
      background-color: var(--orange); }
    .blog-item__label--cash {
      background-color: var(--green); }
  .blog-item__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--black);
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .blog-item__name {
        font-size: 16px;
        line-height: 25px; } }
  .blog-item__details {
    margin-top: 20px; }
    .blog-item__details > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-repeat: no-repeat;
      background-position: 0 50%;
      font-size: 12px;
      line-height: 14px;
      color: var(--grey-dark);
      min-height: 20px;
      padding-left: 25px;
      margin-bottom: 12px; }
    .blog-item__details-activity {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.227 1.67A.4.4 0 0113.4 2v5.1H18a.4.4 0 01.4.4v10.6h.6a.4.4 0 010 .8H1a.4.4 0 010-.8h1.1V6a.4.4 0 01.258-.374l10.5-4a.4.4 0 01.37.045zM17.6 7.9h-4.2v10.2h4.2V7.9zm-5-.4V2.58L2.9 6.277V18.1h9.7V7.5zm-7-.5c0-.22.18-.4.4-.4h3.5a.4.4 0 110 .8H6a.4.4 0 01-.4-.4zM6 9.6a.4.4 0 100 .8h3.5a.4.4 0 000-.8H6zM5.6 13c0-.22.18-.4.4-.4h3.5a.4.4 0 010 .8H6a.4.4 0 01-.4-.4zm.4 2.6a.4.4 0 000 .8h3.5a.4.4 0 000-.8H6z' fill='%23828282'/%3E%3C/svg%3E"); }
    .blog-item__details-date {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5.5A.5.5 0 016 1v1.106h8V1a.5.5 0 011 0v1.106h2.56a.5.5 0 01.055.003c.924.103 1.885.918 1.885 2.022v12.04c0 1.02-.906 1.83-2.013 1.83H2.513C1.522 18 .5 17.29.5 16.17V4.132c0-1.06.845-2.025 2.02-2.025H5V1a.5.5 0 01.5-.5zM14 3.106v.784a.5.5 0 001 0v-.784h2.53c.506.07.97.531.97 1.025v2.31h-17V4.13c0-.546.435-1.025 1.02-1.025H5v.784a.5.5 0 001 0v-.784h8zM1.5 7.44v8.732c0 .418.412.828 1.013.828h14.974c.645 0 1.013-.448 1.013-.828V7.44h-17z' fill='%23828282'/%3E%3C/svg%3E"); }
    .blog-item__details-reading-time {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 10a9 9 0 11-18 0 9 9 0 0118 0zm1 0c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0s10 4.477 10 10zM10 4H9v6.207l4.146 4.147.708-.708L10 9.793V4z' fill='%23828282'/%3E%3C/svg%3E"); }
    .blog-item__details-views {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15 9.986c1.48-2.389 4.036-5.08 7.087-5.877 1.564-.408 3.273-.324 5.075.573 1.758.875 3.631 2.538 5.539 5.332-1.482 2.389-4.037 5.08-7.088 5.877-1.564.408-3.273.324-5.075-.573-1.758-.875-3.631-2.538-5.539-5.332zm-1.046.23a.5.5 0 00.042.071c2.03 3.041 4.082 4.923 6.096 5.926 2.027 1.01 3.985 1.113 5.773.646 3.533-.922 6.342-4.047 7.854-6.594a.503.503 0 00-.015-.552c-2.03-3.041-4.082-4.923-6.096-5.926-2.027-1.01-3.985-1.113-5.773-.646-3.533.922-6.342 4.047-7.853 6.594a.5.5 0 00-.028.48z' fill='%23828282'/%3E%3Ccircle cx='10' cy='10' r='3' stroke='%23828282'/%3E%3C/svg%3E");
      margin-bottom: 0; }
  .blog-item__desc {
    font-size: 12px;
    line-height: 20px;
    color: var(--black); }
    @media (min-width: 992px) {
      .blog-item__desc {
        font-size: 14px;
        line-height: 22px; } }
  .blog-item__bot {
    margin-top: 20px; }
  .blog-item__time {
    font-size: 12px;
    line-height: 14px;
    color: var(--grey-dark);
    margin-bottom: 8px; }
  .blog-item:hover {
    border-color: #FFF;
    -webkit-box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.25);
            box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.25); }
    .blog-item:hover .btn-cards {
      -webkit-transition: initial;
      -o-transition: initial;
      transition: initial;
      color: var(--grey-dark); }
      .blog-item:hover .btn-cards:hover:after, .blog-item:hover .btn-cards::after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.488.94a.578.578 0 01.817-.03l4 3.722a.577.577 0 01-.02.864l-4 3.39a.578.578 0 11-.747-.882l2.797-2.371H.578a.578.578 0 010-1.156h11.864l-2.924-2.72a.578.578 0 01-.03-.817z' fill='%23828282'/%3E%3C/svg%3E"); }

.cat-pagination {
  text-align: center; }
  .cat-pagination ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .cat-pagination ul li {
      margin: 0 10px; }
      .cat-pagination ul li a {
        font-size: 16px;
        color: var(--grey-dark);
        text-decoration: none; }
        .cat-pagination ul li a:hover {
          color: var(--dark); }
      .cat-pagination ul li.active a, .cat-pagination ul li:last-child a, .cat-pagination ul li:first-child a {
        color: var(--dark); }
        .cat-pagination ul li.active a:hover, .cat-pagination ul li:last-child a:hover, .cat-pagination ul li:first-child a:hover {
          color: var(--grey-dark); }

.table-wrap {
  -webkit-box-shadow: 0px 0px 0px 2px #EBEBEB inset;
          box-shadow: 0px 0px 0px 2px #EBEBEB inset;
  overflow: hidden;
  overflow-x: auto;
  border-radius: 12px; }
  @media (min-width: 768px) {
    .table-wrap {
      overflow-x: hidden; } }
  .table-wrap table {
    width: 100%; }
    .table-wrap table tr th,
    .table-wrap table tr td {
      font-size: 14px;
      line-height: 22px;
      padding: 10px 12px;
      border: 2px solid #EBEBEB; }
    .table-wrap table tr th {
      background-color: #EBEBEB;
      font-weight: 600; }
      .table-wrap table tr th:first-child {
        border-top-left-radius: 12px; }
      .table-wrap table tr th:last-child {
        border-top-right-radius: 12px; }
    .table-wrap table tr:hover td {
      background-color: #EBEBEB; }

.blog-list {
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .blog-list {
      padding-bottom: 60px; } }
  @media (min-width: 992px) {
    .blog-list {
      padding-bottom: 80px; } }

.blog-detail {
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .blog-detail {
      padding-bottom: 60px; } }
  .blog-detail h1 {
    margin-bottom: 40px; }
  .blog-detail__author {
    margin-bottom: 30px; }
    .blog-detail__author-pic {
      margin-bottom: 5px; }
      .blog-detail__author-pic img {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 50%; }
    .blog-detail__author-status {
      font-size: 12px;
      line-height: 14px;
      color: var(--grey-dark); }
  .blog-detail__details {
    margin-bottom: 30px; }
    .blog-detail__details > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-repeat: no-repeat;
      background-position: 0 50%;
      font-size: 12px;
      line-height: 14px;
      color: var(--grey-dark);
      min-height: 20px;
      padding-left: 25px;
      margin-bottom: 15px; }
    .blog-detail__details-placement-date {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5.5A.5.5 0 016 1v1.106h8V1a.5.5 0 011 0v1.106h2.56a.5.5 0 01.055.003c.924.103 1.885.918 1.885 2.022v12.04c0 1.02-.906 1.83-2.013 1.83H2.513C1.522 18 .5 17.29.5 16.17V4.132c0-1.06.845-2.025 2.02-2.025H5V1a.5.5 0 01.5-.5zM14 3.106v.784a.5.5 0 001 0v-.784h2.53c.506.07.97.531.97 1.025v2.31h-17V4.13c0-.546.435-1.025 1.02-1.025H5v.784a.5.5 0 001 0v-.784h8zM1.5 7.44v8.732c0 .418.412.828 1.013.828h14.974c.645 0 1.013-.448 1.013-.828V7.44h-17z' fill='%23828282'/%3E%3C/svg%3E"); }
    .blog-detail__details-reading-time {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 10a9 9 0 11-18 0 9 9 0 0118 0zm1 0c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0s10 4.477 10 10zM10 4H9v6.207l4.146 4.147.708-.708L10 9.793V4z' fill='%23828282'/%3E%3C/svg%3E"); }
    .blog-detail__details-views {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15 9.986c1.48-2.389 4.036-5.08 7.087-5.877 1.564-.408 3.273-.324 5.075.573 1.758.875 3.631 2.538 5.539 5.332-1.482 2.389-4.037 5.08-7.088 5.877-1.564.408-3.273.324-5.075-.573-1.758-.875-3.631-2.538-5.539-5.332zm-1.046.23a.5.5 0 00.042.071c2.03 3.041 4.082 4.923 6.096 5.926 2.027 1.01 3.985 1.113 5.773.646 3.533-.922 6.342-4.047 7.854-6.594a.503.503 0 00-.015-.552c-2.03-3.041-4.082-4.923-6.096-5.926-2.027-1.01-3.985-1.113-5.773-.646-3.533.922-6.342 4.047-7.853 6.594a.5.5 0 00-.028.48z' fill='%23828282'/%3E%3Ccircle cx='10' cy='10' r='3' stroke='%23828282'/%3E%3C/svg%3E");
      margin-bottom: 0; }
  @media (min-width: 1200px) {
    .blog-detail__links-list {
      position: sticky;
      top: 75px; } }
  .blog-detail__links-list ul li {
    line-height: 1;
    margin-bottom: 15px; }
    .blog-detail__links-list ul li a {
      font-size: 13px;
      line-height: 15px;
      color: var(--grey-dark);
      text-decoration: underline; }
      .blog-detail__links-list ul li a:last-child {
        margin-bottom: 0; }
      .blog-detail__links-list ul li a:hover {
        text-decoration: none; }
  .blog-detail__txt h2, .blog-detail__txt h3, .blog-detail__txt h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    padding-top: 40px;
    margin-bottom: 20px; }
    .blog-detail__txt h2:first-child, .blog-detail__txt h3:first-child, .blog-detail__txt h4:first-child {
      padding-top: 0; }
    @media (min-width: 768px) {
      .blog-detail__txt h2, .blog-detail__txt h3, .blog-detail__txt h4 {
        padding-top: 60px; } }
  .blog-detail__txt p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .blog-detail__txt p {
        font-size: 16px;
        line-height: 25px; } }
  .blog-detail__txt img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px; }
  .blog-detail__txt ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 20px; }
    .blog-detail__txt ul:last-child {
      margin-bottom: 0; }
    .blog-detail__txt ul > li {
      font-size: 16px;
      line-height: 26px;
      padding-left: 11px;
      margin-bottom: 10px;
      position: relative; }
      .blog-detail__txt ul > li:last-child {
        margin-bottom: 0; }
      .blog-detail__txt ul > li::before {
        content: '';
        background-color: var(--black);
        display: block;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        left: 0; }
      .blog-detail__txt ul > li ul, .blog-detail__txt ul > li ol {
        margin-top: 10px; }
  .blog-detail__txt ol {
    list-style: none;
    counter-reset: num;
    padding-left: 0;
    margin-bottom: 20px; }
    .blog-detail__txt ol:last-child {
      margin-bottom: 0; }
    .blog-detail__txt ol > li {
      font-size: 16px;
      line-height: 26px;
      padding-left: 25px;
      margin-bottom: 10px;
      position: relative; }
      .blog-detail__txt ol > li:last-child {
        margin-bottom: 0; }
      .blog-detail__txt ol > li::before {
        content: counter(num) ".";
        counter-increment: num;
        position: absolute;
        top: 0;
        left: 0; }
      .blog-detail__txt ol > li ul, .blog-detail__txt ol > li ol {
        margin-top: 10px; }
  .blog-detail__txt .list-strip {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px; }
    .blog-detail__txt .list-strip:last-child {
      margin-bottom: 0; }
    .blog-detail__txt .list-strip li {
      font-size: 16px;
      line-height: 25px;
      padding-left: 15px;
      margin-bottom: 10px;
      position: relative; }
      .blog-detail__txt .list-strip li:last-child {
        margin-bottom: 0; }
      .blog-detail__txt .list-strip li::before {
        content: '';
        background-color: var(--black);
        display: block;
        width: 8px;
        height: 1px;
        position: absolute;
        top: 12px;
        left: 0; }
  .blog-detail__txt .list-ico-circle {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px; }
    .blog-detail__txt .list-ico-circle:last-child {
      margin-bottom: 0; }
    .blog-detail__txt .list-ico-circle li {
      font-size: 14px;
      line-height: 19px;
      padding-left: 28px;
      min-height: 20px;
      margin-bottom: 10px;
      position: relative; }
      .blog-detail__txt .list-ico-circle li:last-child {
        margin-bottom: 0; }
      @media (min-width: 992px) {
        .blog-detail__txt .list-ico-circle li {
          line-height: 22px;
          font-size: 16px; } }
      .blog-detail__txt .list-ico-circle li::before {
        content: '';
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 10a9 9 0 11-18 0 9 9 0 0118 0zm1 0c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0s10 4.477 10 10zm-4.682-2.182a.45.45 0 00-.636-.636L9 12.864 5.318 9.182a.45.45 0 10-.636.636l3.93 3.93a.55.55 0 00.777 0l5.93-5.93z' fill='%234CAF50'/%3E%3C/svg%3E");
        background-color: #FFF;
        background-repeat: no-repeat;
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 1px;
        left: 0; }
      .blog-detail__txt .list-ico-circle li.close-circle::before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 19a9 9 0 100-18 9 9 0 000 18zm0 1c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10zm3.8-13.8a.425.425 0 010 .6L10.601 10l3.2 3.2a.425.425 0 01-.601.6L10 10.601l-3.2 3.2a.425.425 0 01-.6-.602L9.398 10 6.199 6.8a.425.425 0 01.602-.6L10 9.398l3.2-3.2a.425.425 0 01.6 0z' fill='%23FD6363'/%3E%3C/svg%3E"); }
  .blog-detail__txt .expert-comm {
    background-color: var(--grey-bg);
    margin-top: 60px;
    padding: 20px;
    border-radius: 15px; }
    @media (min-width: 576px) {
      .blog-detail__txt .expert-comm {
        padding: 30px; } }
    .blog-detail__txt .expert-comm .h3 {
      font-weight: 600;
      margin-bottom: 15px; }
    .blog-detail__txt .expert-comm__author {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 15px; }
      .blog-detail__txt .expert-comm__author-pic {
        margin-right: 15px; }
        .blog-detail__txt .expert-comm__author-pic img {
          display: block;
          width: 50px;
          height: 50px;
          border-radius: 50%;
          margin: 0; }
      .blog-detail__txt .expert-comm__author-name {
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 5px; }
      .blog-detail__txt .expert-comm__author-status {
        font-size: 12px;
        line-height: 14px; }
    .blog-detail__txt .expert-comm__txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 15px; }
      @media (min-width: 992px) {
        .blog-detail__txt .expert-comm__txt p {
          font-size: 16px;
          line-height: 25px; } }
      .blog-detail__txt .expert-comm__txt p:align-child {
        margin-bottom: 0; }
  .blog-detail__txt .cta-banner {
    background: var(--grey-bg);
    padding: 25px;
    border-radius: 15px;
    margin: 60px 0; }
    @media (min-width: 992px) {
      .blog-detail__txt .cta-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .blog-detail__txt .cta-banner .h3 {
      margin-bottom: 5px; }
    .blog-detail__txt .cta-banner .p16 {
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .blog-detail__txt .cta-banner .p16 {
          margin-bottom: 0; } }
    .blog-detail__txt .cta-banner .btn.btn-tertiary.black {
      padding: 12px 30px;
      white-space: nowrap; }
    .blog-detail__txt .cta-banner--vertical {
      display: block; }
      .blog-detail__txt .cta-banner--vertical .p16 {
        margin-bottom: 20px; }

.blog-banner {
  background-color: var(--orange-100);
  padding: 20px;
  margin-top: 60px;
  position: relative;
  border-radius: 15px; }
  @media (min-width: 576px) {
    .blog-banner {
      padding: 30px; } }
  .blog-banner .h3 {
    margin-bottom: 30px; }
  .blog-banner__pic {
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .blog-banner__pic {
        max-width: 250px;
        max-height: 165px;
        margin-bottom: 0 !important;
        position: absolute;
        bottom: 30px;
        right: 30px; } }
    @media (min-width: 1200px) {
      .blog-banner__pic {
        max-width: 296px;
        max-height: 195px; } }
  .blog-banner ul {
    list-style: none;
    padding: 0;
    max-width: 430px;
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .blog-banner ul {
        max-width: 345px; } }
    @media (min-width: 1200px) {
      .blog-banner ul {
        max-width: 430px; } }
    .blog-banner ul li {
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.866 5.494L7.6 13.688l-3.44-3.372a.816.816 0 00-1.148 0 .797.797 0 000 1.136l4.017 3.937c.33.29.822.322 1.148 0l8.838-8.758a.798.798 0 000-1.137.819.819 0 00-1.148 0z' fill='%23FF922B'/%3E%3C/svg%3E") 0 50% no-repeat;
      font-size: 14px;
      line-height: 22px;
      min-height: 20px;
      padding-left: 25px;
      margin-bottom: 10px; }
      @media (min-width: 992px) {
        .blog-banner ul li {
          font-size: 16px;
          line-height: 25px; } }
      .blog-banner ul li::before {
        display: none; }
      .blog-banner ul li:last-child {
        margin-bottom: 0; }
  .blog-banner__btn {
    display: inline-block;
    background-color: var(--mspos);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.86 1.175a.722.722 0 011.02-.037l5 4.652a.722.722 0 01-.024 1.08l-5 4.237a.722.722 0 01-.934-1.103l3.497-2.963H.722a.722.722 0 010-1.444h14.83l-3.655-3.402a.722.722 0 01-.037-1.02z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) 50%;
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    padding: 12.5px 60px 12.5px 30px;
    border-radius: 12px; }
    .blog-banner__btn:hover {
      color: #FFF; }

.blog-banner-txt {
  background-color: var(--grey-bg);
  padding: 20px;
  margin: 60px 0;
  border-radius: 15px; }
  @media (min-width: 576px) {
    .blog-banner-txt {
      padding: 40px; } }
  .blog-banner-txt__top {
    font-weight: 500;
    font-size: 16px;
    line-height: 20.8px;
    color: var(--blue);
    margin-bottom: 20px;
    text-transform: uppercase; }
  .blog-banner-txt h2 {
    padding-top: 0;
    margin-bottom: 30px; }
  .blog-banner-txt__ul-title {
    font-weight: 500;
    margin-bottom: 8px !important; }
  .blog-banner-txt ul {
    margin-bottom: 30px; }
    .blog-banner-txt ul:last-child {
      margin-bottom: 0; }
    .blog-banner-txt ul li {
      font-size: 14px;
      line-height: 22.4px;
      padding-left: 15px;
      margin-bottom: 4px; }
      .blog-banner-txt ul li:last-child {
        margin-bottom: 0; }
      .blog-banner-txt ul li::before {
        content: '';
        width: 7px;
        height: 1px; }
  .blog-banner-txt--blue {
    background-color: #E7F5FF; }

.cat-filter-list .hide {
  display: none; }

.cat-filter-list.show .hide {
  display: block; }