@font-face {
  font-family: 'ZohoPuvi2';
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.ttf) format("truetype");
  font-style: normal;
  font-weight: 100;
  font-display: swap; }

@font-face {
  font-family: 'ZohoPuvi2';
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.ttf) format("truetype");
  font-style: normal;
  font-weight: 200;
  font-display: swap; }

@font-face {
  font-family: 'ZohoPuvi2';
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: 'ZohoPuvi2';
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: 'ZohoPuvi2';
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap; }

@font-face {
  font-family: 'ZohoPuvi2';
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap; }

.blog-wrapper {
  font-family: 'ZohoPuvi2', sans-serif;
  font-weight: 300;
  font-size: 17px;
  letter-spacing: -0.36px;
  line-height: 1.3em;
  color: #30373c; }
  .blog-wrapper .blog-list {
    font-family: 'ZohoPuvi2', sans-serif;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: -0.36px;
    line-height: 1.3em;
    color: #30373c; }
    .blog-wrapper .blog-list.container {
      width: max-content;
      max-width: 850px; }
    .blog-wrapper .blog-list img:first-of-type {
      display: block;
      margin: 0;
      border-radius: 20px;
      overflow: hidden; }
      @media screen and (max-width: 1000px) {
        .blog-wrapper .blog-list img:first-of-type {
          border-radius: 3px; } }
    .blog-wrapper .blog-list h1,
    .blog-wrapper .blog-list h2,
    .blog-wrapper .blog-list h3,
    .blog-wrapper .blog-list h4,
    .blog-wrapper .blog-list h5,
    .blog-wrapper .blog-list h6 {
      margin: 10px 0;
      transition: .2s all ease-in-out; }
      .blog-wrapper .blog-list h1 span:not(.nocolor),
      .blog-wrapper .blog-list h2 span:not(.nocolor),
      .blog-wrapper .blog-list h3 span:not(.nocolor),
      .blog-wrapper .blog-list h4 span:not(.nocolor),
      .blog-wrapper .blog-list h5 span:not(.nocolor),
      .blog-wrapper .blog-list h6 span:not(.nocolor) {
        color: #1b2329; }
    .blog-wrapper .blog-list .label-default {
      background-color: #F4F6F6;
      border: 1px solid #cfd5d9;
      padding: 0;
      font-size: 14px;
      display: inline-block;
      max-width: max-content;
      transition: .2s all ease-in-out; }
      .blog-wrapper .blog-list .label-default a {
        color: #1958D7 !important;
        font-weight: 300;
        padding: 6px 10px; }
      .blog-wrapper .blog-list .label-default:hover {
        background-color: #d1e2f3;
        border: 1px solid #adb2b6; }
  .blog-wrapper img:first-of-type {
    display: block;
    margin: 30px 0;
    border-radius: 20px;
    overflow: hidden; }
    @media screen and (max-width: 1000px) {
      .blog-wrapper img:first-of-type {
        border-radius: 3px; } }
  .blog-wrapper .blog-box {
    width: 100%;
    max-width: 950px; }
    .blog-wrapper .blog-box a {
      color: #1958D7; }
      .blog-wrapper .blog-box a:hover {
        cursor: pointer;
        text-decoration: underline !important; }
  .blog-wrapper h1,
  .blog-wrapper h2,
  .blog-wrapper h3,
  .blog-wrapper h4,
  .blog-wrapper h5,
  .blog-wrapper h6 {
    font-family: 'ZohoPuvi2', sans-serif;
    font-weight: 500;
    margin-top: 35px;
    margin-bottom: 10px;
    letter-spacing: -0.36px;
    line-height: 1.3em;
    color: #1b2329; }
    .blog-wrapper h1 span:not(.nocolor),
    .blog-wrapper h2 span:not(.nocolor),
    .blog-wrapper h3 span:not(.nocolor),
    .blog-wrapper h4 span:not(.nocolor),
    .blog-wrapper h5 span:not(.nocolor),
    .blog-wrapper h6 span:not(.nocolor) {
      color: #1b2329; }
  .blog-wrapper h1 {
    font-size: 44px; }
    @media screen and (max-width: 1366px) {
      .blog-wrapper h1 {
        font-size: calc($font-size-h1 - 5px); } }
    @media screen and (max-width: 1000px) {
      .blog-wrapper h1 {
        font-size: calc($font-size-h1 - 10px); } }
  .blog-wrapper h2 {
    font-size: 30px; }
    @media screen and (max-width: 1366px) {
      .blog-wrapper h2 {
        font-size: calc($font-size-h2 - 3px); } }
    @media screen and (max-width: 1000px) {
      .blog-wrapper h2 {
        font-size: calc($font-size-h2 - 5px); } }
  .blog-wrapper h3 {
    font-size: 24px; }
    @media screen and (max-width: 1366px) {
      .blog-wrapper h3 {
        font-size: calc($font-size-h3 - 3px); } }
    @media screen and (max-width: 1000px) {
      .blog-wrapper h3 {
        font-size: calc($font-size-h3 - 5px); } }
  .blog-wrapper h4 {
    font-size: 20px; }
    @media screen and (max-width: 1366px) {
      .blog-wrapper h4 {
        font-size: calc($font-size-h4 - 3px); } }
    @media screen and (max-width: 1000px) {
      .blog-wrapper h4 {
        font-size: calc($font-size-h4 - 1px); } }
  .blog-wrapper h5 {
    font-size: 18px; }
    @media screen and (max-width: 1366px) {
      .blog-wrapper h5 {
        font-size: calc($font-size-h5 - 2px); } }
    @media screen and (max-width: 1000px) {
      .blog-wrapper h5 {
        font-size: calc($font-size-h5 - 2px); } }
  .blog-wrapper div,
  .blog-wrapper section,
  .blog-wrapper p,
  .blog-wrapper ul,
  .blog-wrapper ol,
  .blog-wrapper li,
  .blog-wrapper span {
    letter-spacing: -0.36px;
    line-height: 1.6em;
    font-weight: 300;
    color: #30373c; }
  .blog-wrapper ul,
  .blog-wrapper ol {
    margin-left: 20px !important; }
    .blog-wrapper ul.entry-meta,
    .blog-wrapper ol.entry-meta {
      margin: 0 !important; }
      .blog-wrapper ul.entry-meta .txt-12,
      .blog-wrapper ol.entry-meta .txt-12 {
        font-size: 14px !important; }
    .blog-wrapper ul li,
    .blog-wrapper ol li {
      margin-top: 15px; }
  .blog-wrapper b,
  .blog-wrapper strong {
    font-family: 'ZohoPuvi2', sans-serif;
    font-weight: 500; }
  .blog-wrapper br {
    display: none; }