:root {
  /* Layout  Magento */
  --layout-full-width: 1920px;
  --layout-full-bleed: 1280px;
  /*--layout-width-container: ; */
  --gutter-x: 20px;
  --gutter-y: 0;
  /* Color */
  --primary-color: rgba(0, 0, 0, 0.8);
  --primary-color-alt: #333333;
  --secondary-color: #ee5204;
  --color-dark: #000000;
  --text-color: #2a2a2a;
  --border-color: #d5d6da;
  --border-color-light: rgba(0, 0, 0, 0.1);
  --border-radius-img: 10px;
  --background-color: #ffffff;
  /* Block Title */
  --block-title-font-size: 18px;
  --block-title-line-height: 30px;
  --block-title-font-weight: 600;
  --block-title-color: #0B0B0B;
  --block-border-color: var(--border-color-light);
  /* Post Title */
  --post-title-color: #160808;
  --post-title-color-hover: var(--secondary-color);
  --transition: all .2s ease;
  --image-con-post-title-color: #fff;
  --image-con-post-title-color-hover: #fff;
  /* Post Data */
  --post-data-color: rgba(0, 0, 0, 0.8);
  --post-data-color-sidebar: #818181;
  --image-con-post-data-color: rgba(255, 255, 255, 0.8);
  /* Post Reading Time */
  --image-con-post-reading-time: rgba(255, 255, 255, 0.8);
  /* Post Description */
  --post-desc-font-size: 16px;
  --post-desc-line-height: 24px;
  /* Link Sidebar */
  --link-sidebar-color: #757575;
  --link-sidebar-color-hover: var(--secondary-color);
  /* Tag Cloud */
  --tag-cloud-color: #757575;
  --tag-cloud-color-hover: #ffffff;
  --tag-cloud-bg-color: transparent;
  --tag-cloud-bg-color-hover: #333333;
  --tag-cloud-border-color: rgba(0, 0, 0, 0.1);
  --tag-cloud-border-color-hover: rgba(0, 0, 0, 0.1);
  /* Tag */
  --tag-title-color: #757575;
  --tag-color: #000000;
  --tag-color-hover: #ffffff;
  --tag-bg-color: transparent;
  --tag-bg-color-hover: #333333;
  --tag-border-color: var(--border-color);
  --tag-border-color-hover: var(--border-color);
  /* Category */
  --category-color: #000;
  --category-color-hover: #ffffff;
  --category-bg-color: transparent;
  --category-bg-color-hover: #333;
  --category-border-color: var(--border-color);
  --category-border-color-hover: var(--border-color);
  /* Category In Image Container */
  --img-con-category-color: #ffffff;
  --img-con-category-color-hover: #ffffff;
  --img-con-category-bg-color: transparent;
  --img-con-category-bg-color-hover: transparent;
  /* Products */
  --product-item-name: #333741;
  /* Icons */
  --color-icon: #7d7d7d;
  --color-icon-hover: #1b1b1b;
  --fillColor: currentColor;
  --comments-icon: url("../../images/comments-icon.svg");
  --count-views-icon-url: url("../../images/views-icon.svg");
  --chevron-icon: url("../../images/chevron-right.svg");
  /* Comment */
  --comment-c-count-color: #222;
  --comment-replyform-color: #222;
  --comment-c-post-name: #222;
  /* Foreground */
  --color-foreground: 18, 18, 18;
  /* Toolbar */
  --color-toolbar-item-strong: #ffffff;
  --color-toolbar-pages-item: #333333;
  /* Button */
  --btn-bg-primary-color: #4db2ec;
  --btn-bg-secondary-color: #f6f7f9;
  /* Links */
  /*--color-link: currentColor; */
  /*--color-link-hover: currentColor; */
  /* Article */
  --article--gap: 24px;
  --article-list-gap: 30px;
  --article-list-row-gap: 30px;
  --article-list-column-gap: 30px;
  --article-grid-gap: 30px;
  --article-grid-row-gap: 30px;
  --article-grid-column-gap: 30px;
  /* Used in Shopify */
  --container-max-width: 1280px;
  --container-gutter: 20px;
  --margin-section-blog: 30px 0;
  --article-margin-bottom: 50px;
  /* Breadcrumbs Shopify */
  --breadcrumbs-color: var(--primary-color);
}
:root .dark-mode {
  /* Color */
  --primary-color: #cdcdcd;
  --primary-color-alt: #757575;
  --secondary-color: #ee5204;
  --color-dark: #333333;
  --text-color: #cdcdcd;
  --border-color: #d5d6da;
  --border-color-light: rgba(213, 214, 218, 0.8);
  --background-color: #0D1117;
  /* Block Title */
  --block-title-color: #cdcdcd;
  --block-border-color: var(--border-color-light);
  /* Post Title */
  --post-title-color: #cdcdcd;
  --post-title-color-hover: var(--secondary-color);
  --image-con-post-title-color: #fff;
  --image-con-post-title-color-hover: #fff;
  /* Post data */
  --post-data-color: #818181;
  --image-con-post-data-color: rgba(255, 255, 255, 0.8);
  /* Post Reading Time */
  --image-con-post-reading-time: rgba(255, 255, 255, 0.8);
  /* Post Description */
  --post-desc-font-size: 16px;
  --post-desc-line-height: 24px;
  /* Link Sidebar */
  --link-sidebar-color: #757575;
  --link-sidebar-color-hover: var(--secondary-color);
  /* Tag Cloud */
  --tag-cloud-color: #757575;
  --tag-cloud-color-hover: #ffffff;
  --tag-cloud-bg-color: transparent;
  --tag-cloud-bg-color-hover: #333333;
  --tag-cloud-border-color: var(--tag-cloud-color);
  --tag-cloud-border-color-hover: var(--tag-cloud-color);
  /* Tag */
  --tag-title-color: #757575;
  --tag-color: #ffffff;
  --tag-color-hover: #ffffff;
  --tag-bg-color: transparent;
  --tag-bg-color-hover: #333333;
  --tag-border-color: var(--border-color);
  --tag-border-color-hover: var(--border-color);
  /* Category */
  --category-color: #ffffff;
  --category-color-hover: #ffffff;
  --category-bg-color: transparent;
  --category-bg-color-hover: #333;
  --category-border-color: var(--border-color);
  --category-border-color-hover: var(--border-color);
  /* Category In Image Container */
  --img-con-category-color: #ffffff;
  --img-con-category-bg-color: transparent;
  --img-con-category-bg-color-hover: transparent;
  /* Products */
  --product-item-name: #cdcdcd;
  /* Icons */
  --color-icon: #7d7d7d;
  --color-icon-hover: #7d7d7d;
  --fillColor: currentColor;
  --comments-icon: url("../../images/comments-icon-light.svg");
  --chevron-icon: url("../../images/light-chevron-right.svg");
  --count-views-icon-url: url("../../images/views-icon-dark.svg");
  /* Comment */
  --comment-c-count-color: #667085;
  --comment-replyform-color: #667085;
  --comment-c-post-name: #667085;
  /* Foreground */
  --color-foreground: 18, 18, 18;
  /* Toolbar */
  --color-toolbar-item-strong: #1b1b1b;
  /* Button */
  --btn-bg-primary-color: #4db2ec;
  --btn-bg-secondary-color: #f6f7f9;
  /* Links */
  /*--color-link: ; */
  /*--color-link-hover: ; */
  /* Breadcrumbs Shopify */
  --breadcrumbs-color: var(--primary-color);
}
/* Used in Shopify */
@media screen and (min-width: 768px) {
  :root {
    --container-max-width: 1280px;
    --container-gutter: 40px;
    --margin-section-blog: 50px 0;
    --article-margin-bottom: 0;
  }
}
.blog-page * {
  box-sizing: border-box;
  letter-spacing: normal;
}
.sidebar > .block {
  padding: 20px 20px 24px;
  border: 1px solid var(--border-color-light);
  border-radius: 12px;
  margin: 0 0 20px;
}
.sidebar > .block:last-child {
  margin: 0;
}
.sidebar > .block .block-title {
  font-size: var(--block-title-font-size);
  line-height: var(--block-title-line-height);
  font-weight: var(--block-title-font-weight);
  color: var(--block-title-color);
  padding: 0;
  margin-bottom: 16px;
  border: none;
  text-transform: capitalize;
}
.sidebar > .block .block-title span {
  display: block;
  font-size: var(--block-title-font-size);
  line-height: var(--block-title-line-height);
  font-weight: var(--block-title-font-weight);
}
.sidebar > .block .block-title strong {
  display: inline-block;
  font-size: var(--block-title-font-size);
  line-height: var(--block-title-line-height);
  font-weight: var(--block-title-font-weight);
}
.sidebar .blog-articles.sidebar-article-grid {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
}
.sidebar .blog-articles.sidebar-article-grid .article-post {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sidebar .blog-articles.sidebar-article-grid .article-post__info {
  padding: 10px 0 0;
}
.sidebar .blog-articles.sidebar-article-grid .article-post__info .article-post__header {
  margin-bottom: 0;
}
.sidebar .blog-articles.sidebar-article-grid .article-post__info .article-post__header .article-post__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
  text-decoration: none;
  word-break: break-word;
}
.sidebar .blog-articles.sidebar-article-grid .article-post__info .article-post__header .article-post__title a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .blog-articles.sidebar-article-grid .article-post__info .article-post__header .article-post__title a:hover {
  color: var(--post-title-color-hover);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .blog-articles.sidebar-article-grid .article-post__info .article-post__header .article-post__data-wrap {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.sidebar .blog-articles.sidebar-article-grid .article-post__info .article-post__header .article-post__author a {
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .blog-articles.sidebar-article-grid .article-post__info .article-post__header .article-post__author a:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .blog-articles.sidebar-article-grid .article-post__info .article-post__header .article-post__data-wrap {
  color: var(--post-data-color-sidebar);
}
.sidebar .blog-articles.sidebar-article-grid.article-post__no-image {
  grid-template-columns: 100%;
  grid-gap: var(--article--gap);
}
.sidebar .blog-articles.sidebar-article-grid.article-post__no-image .blog-article {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar .blog-articles.sidebar-article-grid.article-post__no-image .blog-article:last-child {
  border-bottom: none;
}
.sidebar .blog-articles.sidebar-article-grid.article-post__no-image .article-post__info {
  padding: 0;
}
.sidebar .blog-articles.sidebar-article-grid.article-post__no-content .article-post .article-post__image-container {
  flex: 1 1;
}
.sidebar .blog-articles.sidebar-article-list {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 20px;
}
.sidebar .blog-articles.sidebar-article-list .article-post {
  display: flex;
  flex-direction: row;
}
.sidebar .blog-articles.sidebar-article-list .article-post .article-post__image-container {
  position: relative;
  flex: 0 0 30%;
}
.sidebar .blog-articles.sidebar-article-list .article-post .article-post__info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 0 0 24px;
}
.sidebar .blog-articles.sidebar-article-list .article-post__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin: 0;
  text-decoration: none;
  word-break: break-word;
}
.sidebar .blog-articles.sidebar-article-list .article-post__title a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .blog-articles.sidebar-article-list .article-post__title a:hover {
  color: var(--post-title-color-hover);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .blog-articles.sidebar-article-list .article-post__data-wrap {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.sidebar .blog-articles.sidebar-article-list .article-post__author a {
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .blog-articles.sidebar-article-list .article-post__author a:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .blog-articles.sidebar-article-list .article-post .article-post__image-container .mf-media--3x2 {
  padding-bottom: 70%;
}
.sidebar .blog-articles.sidebar-article-list .article-post .article-post__info {
  padding: 0 0 0 15px;
}
.sidebar .blog-articles.sidebar-article-list .article-post .article-post__header {
  margin: 0;
}
.sidebar .blog-articles.sidebar-article-list .article-post__data-wrap {
  color: var(--post-data-color-sidebar);
}
.sidebar .blog-articles.sidebar-article-list.article-post__no-image .blog-article {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar .blog-articles.sidebar-article-list.article-post__no-image .blog-article:last-child {
  border-bottom: none;
}
.sidebar .blog-articles.sidebar-article-list.article-post__no-image .article-post .article-post__info {
  padding: 0;
}
.sidebar .blog-articles.sidebar-article-list.article-post__no-image .article-post .article-post__data-wrap {
  color: var(--post-title-color);
  opacity: .6;
}
@media screen and (min-width: 768px) {
  .sidebar .blog-articles.sidebar-article-grid {
    grid-template-columns: 100%;
  }
  .sidebar .blog-articles.sidebar-article-list {
    grid-template-columns: 100%;
  }
}
.sidebar .block.blog-search {
  padding: 0;
  margin-bottom: 20px;
  border: none;
}
.sidebar .block.blog-search form {
  position: relative;
}
.sidebar .block.blog-search .field {
  position: relative;
  width: 100%;
}
.sidebar .block.blog-search .field:before,
.sidebar .block.blog-search .field:after {
  content: none;
}
.sidebar .block.blog-search .field .input-text {
  flex-grow: 1;
  text-align: left;
  width: 100%;
  height: 50px;
  padding: 12px 40px 12px 20px;
  font-size: 16px;
  border: 1px solid var(--border-color-light);
  border-radius: 12px;
}
.sidebar .block.blog-search .field .input-text:focus {
  font-size: 16px;
}
.sidebar .block.blog-search .field .input-text:focus-visible {
  box-shadow: none;
}
.sidebar .block.blog-search .field .input-text::placeholder {
  color: #61646C;
}
.sidebar .block.blog-search .field .label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sidebar .block.blog-search .actions .action {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 3px;
  left: auto;
  width: 44px;
  height: 50px;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
}
.sidebar .block.blog-search .actions .action:before {
  -webkit-font-smoothing: antialiased;
  content: '';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  speak: none;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4NCiAgICA8cGF0aCBkPSJNMjEgMjFMMTYuNjUgMTYuNjVNMTkgMTFDMTkgMTUuNDE4MyAxNS40MTgzIDE5IDExIDE5QzYuNTgxNzIgMTkgMyAxNS40MTgzIDMgMTFDMyA2LjU4MTcyIDYuNTgxNzIgMyAxMSAzQzE1LjQxODMgMyAxOSA2LjU4MTcyIDE5IDExWiIgc3Ryb2tlPSIjOTQ5NjlDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KPC9zdmc+") no-repeat center center;
  opacity: 1;
}
.sidebar .block.blog-search .actions .action > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sidebar .block.block-categories ul {
  list-style: none;
  margin: 0;
  padding-left: 20px;
}
.sidebar .block.block-categories ul:first-of-type {
  padding: 0;
}
.sidebar .block.block-categories ul li {
  line-height: 20px;
  margin-bottom: 16px;
}
.sidebar .block.block-categories ul li:last-child {
  margin-bottom: 0;
}
.sidebar .block.block-categories ul li ul {
  margin-top: 16px;
}
.sidebar .block.block-categories ul li ul li {
  padding: 0 0 0 15px;
}
.sidebar .block.block-categories ul li:before {
  content: none;
}
.sidebar .block.block-categories ul li a {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--link-sidebar-color);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .block.block-categories ul li a:hover {
  color: var(--link-sidebar-color-hover);
  opacity: 1;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .block.block-archive .block-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sidebar .block.block-archive .block-content .item:after {
  content: none;
}
.sidebar .block.block-archive .block-content .item a {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--link-sidebar-color);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .block.block-archive .block-content .item a:hover {
  color: var(--secondary-color);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .block.block-archive .block-content .item:last-child {
  margin-bottom: 0;
}
.sidebar .block.block-archive .block-content ul {
  list-style: none;
  margin: 0;
  padding-left: 20px;
}
.sidebar .block.block-archive .block-content ul:first-of-type {
  padding: 0;
}
.sidebar .block.block-archive .block-content ul li {
  line-height: 20px;
  margin-bottom: 16px;
}
.sidebar .block.block-archive .block-content ul li:last-child {
  margin-bottom: 0;
}
.sidebar .block.block-archive .block-content ul li ul li {
  padding: 0 0 0 15px;
}
.sidebar .block.block-archive .block-content ul li:before {
  content: none;
}
.sidebar .block.block-archive .block-content ul li a {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--link-sidebar-color);
  opacity: .6;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .block.block-archive .block-content ul li a:hover {
  color: var(--secondary-color);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .block.block-rss .block-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
}
.sidebar .block.block-rss strong a {
  text-decoration: none;
  color: var(--block-title-color);
  font-size: var(--block-title-font-size);
  line-height: var(--block-title-line-height);
  font-weight: var(--block-title-font-weight);
}
.sidebar .block.block-rss strong a:hover {
  text-decoration: underline;
}
.sidebar .block.block-rss .rss-icon {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
}
.sidebar .block.block-tagclaud .tagclaud-hld {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.sidebar .block.block-tagclaud .tagclaud-hld span {
  display: inline-flex;
}
.sidebar .block.block-tagclaud .tagclaud-hld span a {
  padding: 6px 10px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--tag-cloud-color);
  background: var(--tag-cloud-bg-color);
  border: 1px solid var(--tag-cloud-border-color);
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sidebar .block.block-tagclaud .tagclaud-hld span a:hover {
  color: var(--tag-cloud-color-hover);
  background: var(--tag-cloud-bg-color-hover);
  border: 1px solid var(--tag-cloud-border-color-hover);
}
.sidebar .block-post-related-products .product-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  grid-gap: 20px;
}
.sidebar .block-post-related-products .product-items .product-item-name a {
  display: block;
  font-weight: 600;
  line-height: 20px;
  color: var(--product-item-name);
  text-decoration: none;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .block.block-authors {
  padding: 12px 20px;
}
.sidebar .block.block-authors .block-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  line-height: 24px;
}
.sidebar .block.block-authors strong {
  font-weight: 600;
  display: inline-block;
  line-height: 1;
}
.sidebar .block.block-authors strong a {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--block-title-color);
  opacity: .6;
  text-decoration: none;
}
.sidebar .block.blog-custom {
  border: none;
  padding: 0;
  overflow: hidden;
}
.sidebar .block.blog-custom img {
  line-height: 0;
}
.sidebar .block-contents .block-content ol {
  list-style: none;
  padding: 0;
}
.sidebar .block-contents .block-content ol li {
  margin-bottom: 16px;
  position: relative;
}
.sidebar .block-contents .block-content ol li a {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--primary-color);
  opacity: 0.6;
}
.sidebar .block-contents .block-content ol li a:hover {
  text-decoration: none;
  color: var(--secondary-color);
}
.sidebar .block-contents .block-content ol li a.is-selected {
  opacity: 1;
}
.sidebar .block-contents .block-content ol li a.is-selected:before {
  position: absolute;
  top: 0;
  left: -21px;
  bottom: 0;
  display: block;
  content: "";
  border-left: 2px solid var(--secondary-color);
}
.sidebar .block-contents .block-content ol li ol li {
  margin-top: 8px;
}
.sidebar .block-contents .block-content ol li ol li a {
  padding: 0 0 0 8px;
}
.sidebar .sidebar-additional .block-contents {
  position: sticky;
  top: 10px;
  background: #fff;
  z-index: 9;
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.post-view .post-category {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 16px;
}
.post-view .post-category a {
  padding: 7px 10px;
  margin: 0;
  font-size: 14px;
  line-height: 12px;
  font-weight: 500;
  text-decoration: none;
  color: #da5d28;
  background-color: #f7eae5;
  border-radius: 44px;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-category a:hover {
  color: #fff;
  background-color: #da5d28;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-data-wrap {
  color: var(--primary-color-alt);
  margin-bottom: 32px;
}
.post-view .post-data-wrap .post-author-name a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--secondary-color);
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-data-wrap .post-author-name a:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-data-wrap .post-views {
  float: right;
  margin-left: 10px;
  display: none;
}
@media (min-width: 768px) {
  .post-view .post-data-wrap .post-views {
    display: block;
  }
}
.post-view .post-data-wrap .mf-blog-icon {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
  background-size: cover;
}
.post-view .post-data-wrap .mf-blog-icon.mfbi-views {
  background-image: var(--count-views-icon-url);
}
.post-view .post-data-wrap .dark-mode .mf-blog-icon.mfbi-views {
  filter: invert(1);
}
.post-view .post-data-wrap .post-comments {
  float: right;
  margin-left: 10px;
  display: none;
}
@media (min-width: 768px) {
  .post-view .post-data-wrap .post-comments {
    display: block;
  }
}
.post-view .post-data-wrap .post-comments a {
  color: var(--primary-color-alt);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-data-wrap .post-comments a:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-data-wrap .mf-blog-icon.mfbi-comments {
  background-image: var(--comments-icon);
}
.post-view .post-data-wrap .dark-mode .mf-blog-icon.mfbi-comments {
  filter: invert(1);
}
.post-view .post-featured-image {
  font-size: 0;
  margin-bottom: 20px;
}
.post-view .post-featured-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.post-view .post-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 20px 0 40px;
}
.post-view .post-tags .post-tag-title {
  padding: 8px 10px;
  margin: 0;
  font-size: 14px;
  line-height: 12px;
  font-weight: 500;
  text-decoration: none;
  color: var(--tag-title-color);
}
.post-view .post-tags a {
  padding: 8px 10px;
  margin: 0;
  font-size: 14px;
  line-height: 12px;
  font-weight: 500;
  text-decoration: none;
  text-transform: capitalize;
  color: var(--tag-color);
  background-color: var(--tag-bg-color);
  border: 1px solid var(--category-border-color);
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-tags a:hover {
  color: var(--tag-color-hover);
  background-color: var(--category-bg-color-hover);
  border: 1px solid var(--category-border-color-hover);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-description {
  font-size: var(--post-desc-font-size);
  line-height: var(--post-desc-line-height);
  color: var(--text-color);
}
.post-view .post-description h1,
.post-view .post-description .h1,
.post-view .post-description h2,
.post-view .post-description .h2,
.post-view .post-description h3,
.post-view .post-description .h3,
.post-view .post-description h4,
.post-view .post-description .h4,
.post-view .post-description h5,
.post-view .post-description .h5,
.post-view .post-description h6,
.post-view .post-description .h6,
.post-view .post-description .heading {
  color: var(--text-color);
}
.post-view .post-description h1,
.post-view .post-description .h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 32px;
}
.post-view .post-description h2,
.post-view .post-description .h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 16px;
}
.post-view .post-description h3,
.post-view .post-description .h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 8px;
}
.post-view .post-description h4,
.post-view .post-description .h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
}
.post-view .post-description * + h1,
.post-view .post-description * + .h1 {
  margin-top: 32px;
}
.post-view .post-description * + h2,
.post-view .post-description * + .h2 {
  margin-top: 32px;
}
.post-view .post-description * + h3,
.post-view .post-description * + .h3 {
  margin-top: 16px;
}
.post-view .post-description img {
  max-width: 100% !important;
  border-radius: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.post-view .post-description a {
  color: var(--primary-color);
  text-decoration: underline;
}
.post-view .post-description p {
  margin-bottom: 16px;
}
.post-view .post-description ul,
.post-view .post-description ol {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 40px;
}
.post-view .post-description ul li,
.post-view .post-description ol li {
  margin-top: 0;
  margin-bottom: 10px;
}
.post-view .post-description ul {
  list-style: disc;
}
.post-view .post-description ol {
  list-style: decimal;
}
.post-view .post-description blockquote {
  font-style: italic;
  color: rgba(18, 18, 18, 0.75);
  border-left: 2px solid rgba(18, 18, 18, 0.2);
  padding-left: 10px;
}
@media screen and (min-width: 750px) {
  .post-view .post-description blockquote {
    padding-left: 15px;
  }
}
.post-view .post-sharing-bottom {
  padding: 30px 0;
  margin-bottom: 0 !important;
  border-bottom: 1px solid var(--border-color);
}
.post-view .post-sharing-bottom .share-elements {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}
.post-view .post-sharing-bottom .share-elements .icon-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px 12px;
  margin: 0;
  overflow: hidden;
  border: 0;
  text-decoration: none;
  text-transform: none;
  background-color: #F0F1F3;
  color: inherit;
  transition: all 0.2s ease-in-out;
  border-radius: 6px;
}
.post-view .post-sharing-bottom .share-elements .icon-wrapper:hover {
  transform: translateY(-4px);
}
.post-view .post-sharing-bottom .share-elements .icon {
  height: 20px;
  width: 20px;
  line-height: 1;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
.post-view .post-sharing-bottom .share-elements .label {
  display: inline-block;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: #4E4E4E;
  padding: 0 0 0 12px;
  vertical-align: top;
}
@media (max-width: 639px) {
  .post-view .post-sharing-bottom .share-elements .label {
    display: none;
  }
}
.post-view .post-nextprev {
  display: flex;
  gap: 24px;
  padding: 24px 0;
  margin-top: 0;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--border-color);
}
.post-view .post-nextprev .post-prev,
.post-view .post-nextprev .post-next {
  flex-grow: 1;
}
.post-view .post-nextprev .nextprev-link {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  line-height: 28px;
  color: var(--primary-color);
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-nextprev .nextprev-link:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-nextprev .nextprev-link.prev-link {
  text-align: left;
}
.post-view .post-nextprev .nextprev-link.next-link {
  text-align: right;
}
.post-view .post-nextprev .nextprev-link span {
  display: block;
  color: #707070;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.post-view .post-nextprev .nextprev-link img {
  max-width: 200px;
  border-radius: var(--border-radius-img);
  margin: 16px 0;
}
.post-view .post-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc((100% / 2) - (var(--article--gap) * (2 / 2))), 1fr));
  gap: 12px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0;
  border-bottom: 1px solid var(--border-color);
}
@media (min-width: 990px) {
  .post-view .post-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc((100% / 3) - (var(--article--gap) * (2 / 3))), 1fr));
  }
}
@media (min-width: 1199px) {
  .post-view .post-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc((100% / 4) - (var(--article--gap) * (2 / 4))), 1fr));
  }
}
.post-view .post-gallery .gallery-image-hld {
  display: block;
  line-height: 0;
  border-radius: var(--border-radius-img);
  position: relative;
  overflow: hidden;
}
.post-view .post-gallery .gallery-image-hld .gallery-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform .3s ease;
}
.post-view .post-gallery .gallery-image-hld:hover .gallery-image {
  transform: scale(1.07);
  transition: transform .3s ease;
}
.post-view .post-bottom > .block {
  margin-top: 0;
  margin-bottom: 40px;
}
.post-view .post-bottom > .block .block-title {
  font-size: var(--block-title-font-size);
  font-weight: var(--block-title-font-weight);
  color: var(--primary-color);
  line-height: 30px;
  margin-bottom: 16px;
  padding: 0;
}
.post-view .post-bottom > .block .block-title strong,
.post-view .post-bottom > .block .block-title span {
  display: inline-block;
  font-size: var(--block-title-font-size);
  font-weight: var(--block-title-font-weight);
  line-height: 30px;
  margin: 0;
}
.post-view .post-bottom .block.related.latest-from-author .block-content {
  list-style: disc;
  padding-left: 40px;
  margin: 0;
}
.post-view .post-bottom .block.related.latest-from-author .item {
  margin-bottom: 16px;
}
.post-view .post-bottom .block.related.latest-from-author .item .post-item-link {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--post-title-color);
  opacity: .8;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-bottom .block.related.latest-from-author .item .post-item-link:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-bottom .block.related.latest-from-category .block-content {
  list-style: disc;
  padding-left: 40px;
  margin: 0;
}
.post-view .post-bottom .block.related.latest-from-category .item {
  margin-bottom: 16px;
}
.post-view .post-bottom .block.related.latest-from-category .item .post-item-link {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--post-title-color);
  opacity: .8;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-bottom .block.related.latest-from-category .item .post-item-link:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post-view .post-bottom .block.block-related-products .block-content .product-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-gap: 20px;
}
.post-view .post-bottom .block.block-related-products .block-content .product-items .product {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.post-view .post-bottom .block.block-related-products .block-content .product-items .product-item-name {
  max-width: 100%;
  margin-bottom: 10px;
}
.post-view .post-bottom .block.block-related-products .block-content .product-items .product .price-box {
  max-width: 100%;
}
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper {
  display: flex;
  align-items: center;
}
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-title {
  font-size: var(--block-title-font-size);
  font-weight: var(--block-title-font-weight);
  color: var(--primary-color);
  line-height: 30px;
  margin-bottom: 16px;
}
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-title strong,
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-title span {
  display: inline-block;
  font-size: var(--block-title-font-size);
  font-weight: var(--block-title-font-weight);
  line-height: 30px;
  margin: 0;
}
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
  height: 55px;
}
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav.top-nav {
  position: static;
}
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-next,
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 12px;
  margin: 0;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  color: #000;
  opacity: 0.8;
}
.swiper-navigation-disabled .post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-next,
.swiper-navigation-disabled .post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-prev {
  display: none !important;
}
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-next.swiper-button-disabled,
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-next.swiper-button-hidden,
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-next svg,
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-next:hover,
.post-view .post-bottom .block.swiper-related-products .block-title-wrapper .block-nav .swiper-button-prev:hover {
  opacity: 1;
}
.post-view .post-bottom .block.swiper-related-products .block-content .swiper .product-items {
  width: 100%;
  height: 100%;
  z-index: 1;
  transition-property: transform;
  transition-timing-function: initial;
  box-sizing: content-box;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  row-gap: 0;
  transform: translate3d(0px, 0, 0);
}
.post-view .post-bottom .block.swiper-related-products .block-content .swiper .product-items .product-item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-item-info {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 4px;
  position: relative;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-item-photo {
  position: relative;
  overflow: hidden;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  aspect-ratio: auto;
  width: auto;
  overflow: hidden;
  border-radius: 0.25rem;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-image-photo {
  width: 100%;
  max-width: 100%;
  height: auto;
  filter: contrast(94%);
  border-radius: 4px;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-item-details {
  width: 100%;
  display: flex;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  flex: 1 1;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-item-name {
  width: 100%;
  max-width: 100%;
  order: -1;
  margin-bottom: 4px;
  font-weight: 600;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-item-name a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--post-title-color);
  text-decoration: none;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-item-name a:hover {
  color: var(--post-title-color-hover);
  text-decoration: none;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .price-box {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  order: -1;
  margin: 0;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-item-actions {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  order: 10;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .actions-secondary {
  position: absolute;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 2px;
  top: 4px;
  right: 4px;
  opacity: 0;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .actions-secondary .action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: rgba(17, 24, 39, 0.6);
  background: transparent;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .actions-secondary .action span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .actions-secondary .action:before {
  flex-shrink: 0;
  content: '';
  width: 32px;
  height: 32px;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .actions-secondary .action.tocompare:before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .actions-secondary .action:hover {
  color: rgba(17, 24, 39, 0.8);
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-item .actions-secondary {
  opacity: 0;
}
.post-view .post-bottom .block.swiper-related-products .block-content .product-items .product-item:hover .actions-secondary {
  opacity: 1;
}
.post-view .post-bottom .price-box {
  display: flex;
  align-items: center;
}
.post-view .post-bottom .price-box .price-label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.post-view .post-bottom .price-box .special-price {
  order: -2;
  margin-right: 10px;
}
.post-view .post-bottom .price-box .special-price .price {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #b91c1c;
}
.post-view .post-bottom .price-box .old-price {
  order: -1;
}
.post-view .post-bottom .price-box .old-price .price {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.5;
  text-decoration: line-through;
  opacity: 0.7;
  color: #6b7280;
}
.post-view .mfblog-contents {
  display: none;
  border: 1px solid var(--border-color);
  padding: 24px 20px;
  margin: 24px 0;
  border-radius: 12px;
  max-width: 500px;
}
.post-view .mfblog-contents > p {
  margin: 0;
}
.post-view .mfblog-contents .mfblog-contents-header {
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
}
.post-view .mfblog-contents .mfblog-contents-toggle {
  cursor: pointer;
}
.post-view .mfblog-contents .mfblog-contents-toggle:hover {
  text-decoration: underline;
}
.post-view .mfblog-contents .mfblog-contents-toc {
  margin-top: 24px;
}
.post-view .mfblog-contents .mfblog-contents-toc ul,
.post-view .mfblog-contents .mfblog-contents-toc ol {
  padding: 0;
  margin: 0;
}
.post-view .mfblog-contents .mfblog-contents-toc ul li,
.post-view .mfblog-contents .mfblog-contents-toc ol li {
  color: #858585;
  margin-bottom: 22px;
  position: relative;
}
.post-view .mfblog-contents .mfblog-contents-toc ul li a,
.post-view .mfblog-contents .mfblog-contents-toc ol li a {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #858585;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
.post-view .mfblog-contents .mfblog-contents-toc ul li a:hover,
.post-view .mfblog-contents .mfblog-contents-toc ol li a:hover {
  color: var(--primary-color);
}
.post-view .mfblog-contents .mfblog-contents-toc ul li:hover,
.post-view .mfblog-contents .mfblog-contents-toc ol li:hover {
  color: var(--primary-color);
}
.post-view .mfblog-contents .mfblog-contents-toc ul li ol,
.post-view .mfblog-contents .mfblog-contents-toc ol li ol {
  margin-top: 22px;
}
.post-view .mfblog-contents .mfblog-contents-toc ul > li:after,
.post-view .mfblog-contents .mfblog-contents-toc ol > li:after {
  display: inline-block;
  content: '';
  width: 2px;
  height: 24px;
  background: transparent;
  position: absolute;
  left: -21px;
  top: 0;
}
.post-view .mfblog-contents .mfblog-contents-toc ul > li:hover:after,
.post-view .mfblog-contents .mfblog-contents-toc ol > li:hover:after {
  background: var(--secondary-color);
}
.post-view .mfblog-contents .mfblog-contents-toc ul > li ol li:hover:after,
.post-view .mfblog-contents .mfblog-contents-toc ol > li ol li:hover:after {
  background: transparent;
}
.post-view .mfblog-contents .mfblog-contents-toc ol {
  counter-reset: item;
}
.post-view .mfblog-contents .mfblog-contents-toc ol li {
  display: block;
}
.post-view .mfblog-contents .mfblog-contents-toc ol li ol {
  padding-left: 18px;
}
.post-view .mfblog-contents .mfblog-contents-toc ol li ol li {
  list-style: none;
}
.post-view .mfblog-contents .mfblog-contents-toc ol li ol li:before {
  content: none;
}
#blog_comment_id,
#blog_comment_reply_id {
  margin-top: 15px;
}
.block-author {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-bottom: 40px;
}
.block-author .author {
  color: var(--text-color);
  padding: 40px 0 40px;
  margin-bottom: 0;
  border-bottom: 1px solid var(--border-color);
}
.block-author .author .block-info {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 640px) {
  .block-author .author .block-info {
    flex-direction: column;
  }
}
.block-author .author .block-info .block-img {
  min-width: 80px;
  flex: 0 0 80px;
}
.block-author .author .block-info .block-img img {
  width: 80px;
  height: auto;
  border-radius: 50%;
}
.block-author .author .block-info .block-data {
  flex: 1 1;
}
.block-author .author .block-info .block-data .author-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}
.block-author .author .block-info .block-data .author-name {
  font-size: 20px;
  line-height: 16px;
  font-weight: 700;
  margin: 0;
}
.block-author .author .block-info .block-data .author-name .author-link {
  display: inline-block;
  color: var(--primary-color);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.block-author .author .block-info .block-data .author-name .author-link:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.block-author .author .block-info .block-data .author-name .status {
  color: #98A2B3;
  font-weight: 500;
  padding-left: 3px;
}
.block-author .author .block-info .block-data .author-position {
  font-size: 16px;
  line-height: 16px;
  margin: 10px 0 0;
  font-weight: 600;
}
.block-author .author .block-info .block-data .author-content,
.block-author .author .block-info .block-data .author-short-content {
  width: 100%;
  font-size: var(--post-desc-font-size);
  line-height: var(--post-desc-line-height);
  color: var(--primary-color-alt);
  margin: 12px 0 0;
}
.block-author .author .block-info .block-data .author-content p,
.block-author .author .block-info .block-data .author-short-content p {
  margin: 0;
}
.block-author .author .block-info .block-data .author-content > [data-content-type="row"] {
  margin-left: -8px;
  margin-right: -8px;
}
.block-author .author .social-icons {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.block-author .author .social-icons .icon {
  width: 40px;
  height: 40px;
  padding: 10px !important;
  border-radius: 6px;
  background: #F0F1F3;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.block-author .author .social-icons .icon:hover {
  transform: translateY(-4px);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.block-author .author .social-icons .icon a {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.block-author .author .social-icons .icon img {
  width: 20px !important;
  height: 20px !important;
}
.block-author .author .block-content {
  font-size: var(--post-desc-font-size);
  line-height: var(--post-desc-line-height);
  color: var(--primary-color-alt);
  margin: 12px 0 0;
}
.block-author .author .block-content p {
  margin: 0;
}
.post-nextprev + .block-author {
  margin-top: -40px !important;
}
:root {
  --comment-c-count-color: var(--primary-color);
  --comment-c-color: var(--text-color);
  --comment-c-post-name: var(--primary-color);
  --comment-c-publish-date: #98A2B3;
  --comment-c-reply-color: #98A2B3;
  --comment-replyform-color: var(--text-color);
  --comment-reply-color: #98A2B3;
  --btn-bg-primary-color: #FF9900;
  --btn-bg-secondary-color: #222222;
}
.post-view .post-bottom .block.comments {
  margin-top: 56px;
}
#post-comments * {
  box-sizing: border-box;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* Styles For All Blocks */
.c-count {
  font-size: var(--block-title-font-size);
  line-height: 30px;
  font-weight: var(--block-title-font-weight);
  padding: 0;
  margin-bottom: 16px;
  color: var(--comment-c-count-color);
}
.c-count strong {
  display: inline-block;
  font-size: var(--block-title-font-size);
  font-weight: var(--block-title-font-weight);
  line-height: 30px;
  margin: 0;
}
.c-reply,
.c-comment {
  position: relative;
  margin-bottom: 18px;
}
/*.c-replyform, .c-post {margin-left: 25px;}*/
/* Reply Form *******************************/
.c-replyform .lr-hld {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.c-replyform .left-hld,
.c-replyform .right-hld {
  width: 49%;
  padding: 0;
  -webkit-flex: 0 0 49%;
  -ms-flex: 0 0 49%;
  flex: 0 0 49%;
}
.c-replyform .c-btn-hld {
  margin-top: 20px;
}
.c-replyform.no-active .c-btn-hld {
  display: none;
}
/* Form */
.c-replyform textarea,
.c-replyform input.input-text {
  display: block;
  width: 100%;
  height: 52px;
  padding: 12px 14px;
  color: var(--comment-replyform-color);
  background: #fff !important;
  border: 1px solid var(--border-color);
  border-radius: 8px;
}
.c-replyform input::placeholder {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.c-replyform.no-active textarea {
  border-bottom: 1px solid var(--border-color);
  height: 70px;
  width: 100%;
}
.c-replyform textarea {
  padding: 12px 14px;
  height: 132px;
  border: 1px solid var(--border-color);
  margin-bottom: 24px;
  border-radius: 4px;
}
.c-replyform textarea::placeholder {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.c-replyform textarea:focus,
.c-replyform input:focus,
.c-replyform input:focus-visible {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--border-color);
}
/* Privacy Policy */
.c-replyform .input-box {
  display: flex;
}
.c-replyform .input-box input.checkbox {
  margin-top: 2px;
  margin-right: 10px;
}
/* Recaptcha */
#recaptcha-append-to {
  margin-top: 24px;
}
/* Button */
.c-replyform .actions {
  text-align: right;
  margin-top: 24px;
  margin-bottom: 24px;
}
.c-replyform .actions button {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  padding: 12px 24px;
  margin-left: 8px;
  transition: all 0.2s ease-out;
}
.c-replyform .actions button:hover {
  transition: all 0.2s ease-out;
}
.c-replyform .actions button.submit {
  border: 1px solid #FF9900;
  border-radius: 6px;
  color: #fff;
  background: #FF9900;
}
.c-replyform .actions button.submit:hover {
  border: 1px solid #e2e2e2;
  background-color: #e2e2e2;
}
.c-replyform .actions button.cancel {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  color: var(--comment-replyform-color);
  background: #fff;
}
.c-replyform .actions button.cancel:hover {
  border: 1px solid var(--primary-color);
  background: #fff;
}
/* Message */
.c-replyform div.mage-error[generated] {
  display: none !important;
}
.c-replyform .mage-error {
  background-color: #fff3f3 !important;
  border-color: #d5d6da;
  color: var(--comment-replyform-color);
}
@media screen and (max-width: 480px) {
  .c-replyform .left-hld,
  .c-replyform .right-hld {
    width: 100%;
  }
  .c-replyform .lr-hld {
    flex-direction: column;
    gap: 24px;
  }
  .c-replyform .c-btn-hld {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
/* Comment List *******************************/
/* Comment */
.c-comments {
  padding-top: 50px;
  color: var(--comment-c-color);
}
.c-comments .c-comment {
  border-bottom: 1px solid var(--border-color-light);
  margin-bottom: 32px;
}
.c-comments .c-comment:last-child {
  border-bottom: none;
}
.c-comments .c-post .p-info {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.c-comments .c-post .p-name {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: var(--comment-c-post-name);
  margin-right: 10px;
}
.c-comments .c-post .publish-date {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: var(--comment-c-publish-date);
}
.c-comments .c-post .p-text {
  padding-left: 40px;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  color: var(--comment-c-color);
}
.c-comments .c-post .p-actions {
  padding-left: 40px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.c-comments .c-post .p-actions svg {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.c-comments .c-post .p-actions .reply-action {
  font-size: 16px;
  border: none;
  background: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: var(--comment-reply-color);
}
.c-comments .c-post .p-actions .reply-action:hover {
  text-decoration: underline;
}
/* Replyform Comment */
#c-replyform-comment {
  padding-left: 40px;
  margin-top: 32px;
}
/* Recaptcha */
#c-replyform-comment #recaptcha-reply-append-to {
  margin-top: 24px;
}
/* MSP recaptcha */
#post-comments .c-replyform .c-btn-hld #msp-recaptcha-container {
  margin-top: 20px;
}
/* Button */
.c-replyform .btn {
  display: inline-block;
  color: #fff;
  border: none;
  border-radius: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding: 10px 15px;
  margin: 20px 0 20px;
  cursor: pointer;
}
.c-replyform .btn.btn-primary {
  background-color: var(--btn-bg-primary-color);
}
.c-replyform .btn.btn-primary:hover {
  background-color: #222222;
  color: #ffffff;
}
.c-replyform .btn.btn-secondary {
  background-color: var(--btn-bg-secondary-color);
  border-color: #ced0d4;
  color: #4b4f56;
}
.c-replyform .btn.btn-secondary:hover {
  background-color: #222222;
  color: #ffffff;
}
.c-replyform form .c-btn-hld .input-box {
  width: 100%;
  text-align: left;
  padding: 6px 0;
  display: inline-block;
  margin: 0;
}
.c-replyform form .c-btn-hld .input-box .checkbox.required-entry {
  float: left;
  margin: 2px 10px 0 0;
}
.c-replyform form .c-btn-hld .input-box .checkbox.required-entry.mage-error {
  -webkit-box-shadow: 0 0 5px 0 #faa6a6;
  -moz-box-shadow: 0 0 5px 0 #faa6a6;
  box-shadow: 0 0 5px 0 #faa6a6;
}
/* Post's replies and reply form */
.p-replies {
  border-left: 1px solid var(--border-color-light);
  padding-left: 28px;
}
.p-replies .c-comment {
  margin-bottom: 24px;
}
.p-replies .c-more {
  background: #d7eaf9;
  padding: 5px;
  font-size: 12px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.p-replies .c-more a {
  color: #4267b2;
  font-weight: 700;
  font-size: 11px;
}
.p-replies .c-more a:hover {
  text-decoration: underline;
}
.p-replies .c-more i {
  width: 0;
  height: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 3px solid rgba(0, 0, 0, 0);
  border-top: 3px solid #768196;
  vertical-align: middle;
  margin-left: 3px;
  position: relative;
  top: 7px;
}
@media screen and (max-width: 450px) {
  .c-img {
    width: 38px;
  }
  .c-post {
    font-size: 13px;
  }
  .c-post .p-actions {
    font-size: 11px;
  }
  .c-reply,
  .c-comment {
    position: relative;
    margin-bottom: 18px;
  }
  .c-replyform,
  .c-post {
    margin-left: 0;
  }
  .p-replies {
    padding-left: 15px;
  }
  .p-replies .c-img {
    width: 28px;
  }
  .p-replies .c-post,
  .p-replies .c-replyform {
    margin-left: 24px;
  }
  #c-replyform-comment {
    padding-left: 16px;
  }
  .p-replies .c-more a {
    font-size: 10px;
    padding: 3px;
  }
  .c-replyform .left-hld,
  .c-replyform .right-hld {
    float: none;
    width: 100%;
  }
}
/* Button */
.c-allcomments,
.c-allcomments:visited {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  background: #FF9900;
  margin-top: 24px;
  line-height: 40px;
  text-align: center;
  border-radius: 3px;
  transition: 200ms cubic-bezier(0.08, 0.52, 0.52, 1) background-color;
  text-decoration: none;
}
.c-allcomments:hover {
  background-color: #e2e2e2;
  color: #fff;
  text-decoration: none;
}
.blog-articles.article-default-list {
  gap: 16px;
  padding-left: 40px;
}
.blog-articles.article-default-list .blog-article {
  display: list-item;
  list-style: disc;
}
.blog-articles.article-default-list .article-post__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
  text-decoration: none;
  word-break: break-word;
}
.blog-articles.article-default-list .article-post__title a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-articles.article-default-list .article-post__title a:hover {
  color: var(--post-title-color-hover);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.blog-articles.article-default-list .article-post__data-wrap {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.blog-articles.article-default-list .article-post__author a {
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.blog-articles.article-default-list .article-post__author a:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.blog-articles.article-default-list .article-post a {
  opacity: .8;
  text-decoration: underline;
}
.block.related.related-posts .block-content {
  list-style: disc;
  padding-left: 40px;
}
.block.related.related-posts .item {
  margin-bottom: 16px;
}
.block.related.related-posts .item .post-item-link {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--post-title-color);
  opacity: .8;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.block.related.related-posts .item .post-item-link:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.blog-articles.article-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc((100% / 2) - (var(--article--gap) * (2 / 2))), 1fr));
  gap: 12px;
}
.blog-articles.article-items .article-post {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.blog-articles.article-items .article-post .article-post__image-container {
  position: relative;
  flex: 0 0;
  align-self: auto;
}
.blog-articles.article-items .article-post .article-post__info {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  padding: 16px 0 16px;
}
.blog-articles.article-items .article-post__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
  text-decoration: none;
  word-break: break-word;
}
.blog-articles.article-items .article-post__title a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-articles.article-items .article-post__title a:hover {
  color: var(--post-title-color-hover);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.blog-articles.article-items .article-post__data-wrap {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.blog-articles.article-items .article-post__author a {
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.blog-articles.article-items .article-post__author a:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (min-width: 990px) {
  .blog-articles.article-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc((100% / 3) - (var(--article--gap) * (2 / 3))), 1fr));
  }
}
@media (min-width: 1199px) {
  .blog-articles.article-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc((100% / 4) - (var(--article--gap) * (2 / 4))), 1fr));
  }
}
.block.swiper-blog-post .block-title-wrapper {
  display: flex;
  align-items: center;
}
.block.swiper-blog-post .block-title-wrapper .block-title {
  font-size: var(--block-title-font-size);
  font-weight: var(--block-title-font-weight);
  color: var(--primary-color);
  line-height: 30px;
  margin-bottom: 16px;
}
.block.swiper-blog-post .block-title-wrapper .block-title strong,
.block.swiper-blog-post .block-title-wrapper .block-title span {
  display: inline-block;
  font-size: var(--block-title-font-size);
  font-weight: var(--block-title-font-weight);
  line-height: 30px;
  margin: 0;
}
.block.swiper-blog-post .block-title-wrapper .block-nav {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
  height: 55px;
}
.block.swiper-blog-post .block-title-wrapper .block-nav.top-nav {
  position: static;
}
.block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-next,
.block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 12px;
  margin: 0;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  color: #000;
  opacity: 0.8;
}
.swiper-navigation-disabled .block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-next,
.swiper-navigation-disabled .block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-prev {
  display: none !important;
}
.block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-next.swiper-button-disabled,
.block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-next.swiper-button-hidden,
.block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-next svg,
.block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-next:hover,
.block.swiper-blog-post .block-title-wrapper .block-nav .swiper-button-prev:hover {
  opacity: 1;
}
.block.swiper-blog-post .block-content .image-container {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.block.swiper-blog-post .block-content .image-container .image-wrap {
  display: block;
  line-height: 0;
}
.block.swiper-blog-post .block-content .image-container .image-wrap img {
  transform: scale(1);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.block.swiper-blog-post .block-content .image-container .image-wrap img:hover {
  transform: scale(1.1);
}
.block.swiper-blog-post .block-content .post-info {
  padding: 16px 0;
}
.block.swiper-blog-post .block-content .post-info .post-title {
  line-height: 20px;
  padding: 0;
  margin: 0;
}
.block.swiper-blog-post .block-content .post-info .post-title a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: var(--post-title-color);
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block.swiper-blog-post .block-content .post-info .post-title a:hover {
  text-decoration: none;
  color: var(--post-title-color-hover);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.blog-articles {
  display: grid;
  align-content: start;
  --article--gap: 24px;
}
.article-list {
  --article-list-gap: 30px;
  --article-list-row-gap: 30px;
  --article-list-column-gap: 30px;
  row-gap: var(--article--gap);
  grid-template-columns: 100%;
}
.article-grid {
  --article-grid-gap: 30px;
  --article-grid-row-gap: 30px;
  --article-grid-column-gap: 30px;
  grid-gap: var(--article--gap);
  grid-template-columns: 100%;
}
@media screen and (min-width: 768px) {
  .blog-articles.article-list {
    grid-template-columns: 100%;
    grid-gap: var(--article--gap);
  }
  .blog-articles.article-grid {
    grid-template-columns: repeat(auto-fill, minmax(calc((100% / 2) - var(--article--gap) * (2 / 2)), 1fr));
    grid-gap: var(--article--gap);
  }
}
@media screen and (min-width: 1000px) {
  .blog-articles.article-grid {
    grid-template-columns: repeat(auto-fill, minmax(calc((100% / 3) - var(--article--gap) * (2 / 3)), 1fr));
  }
}
.blog-articles .article-post {
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.blog-articles .article-post.position-horizontal {
  flex-direction: row;
}
.blog-articles .article-post.position-vertical {
  flex-direction: column;
}
.blog-articles .article-post.article-post__no-content .article-post__info {
  padding: 20px 0 0;
}
.article-list .article-post {
  display: flex;
  flex-direction: row;
}
.article-list .article-post__image-container {
  position: relative;
  flex: 0 0 30%;
}
.article-list .article-post__image-container .article-post__category {
  display: none;
}
.article-list .article-post__content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-list .article-post__category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 16px 0 0 0;
}
.article-list .article-post__category a {
  padding: 7px 10px;
  margin: 0;
  font-size: 14px;
  line-height: 12px;
  font-weight: 500;
  text-decoration: none;
  color: var(--category-color);
  background-color: var(--category-bg-color);
  border-radius: 4px;
  border: 1px solid var(--category-border-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-list .article-post__category a:hover {
  color: var(--category-color-hover);
  background-color: var(--category-bg-color-hover);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (max-width: 1199px) {
  .article-list .article-post__category {
    display: none;
  }
}
.article-list .article-post__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
  text-decoration: none;
  word-break: break-word;
}
.article-list .article-post__title a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-list .article-post__title a:hover {
  color: var(--post-title-color-hover);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-list .article-post__data-wrap {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.article-list .article-post__author a {
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-list .article-post__author a:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-list .article-post__content {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 576px) {
  .article-list .article-post__title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0;
    text-decoration: none;
    word-break: break-word;
  }
  .article-list .article-post__title a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .article-list .article-post__title a:hover {
    color: var(--post-title-color-hover);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-list .article-post__data-wrap {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
  }
  .article-list .article-post__author a {
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-list .article-post__author a:hover {
    color: var(--secondary-color);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-list .article-post__content {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 990px) {
  .article-list .article-post__title {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
    margin: 0 0 8px;
    text-decoration: none;
    word-break: break-word;
  }
  .article-list .article-post__title a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .article-list .article-post__title a:hover {
    color: var(--post-title-color-hover);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-list .article-post__data-wrap {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
  }
  .article-list .article-post__author a {
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-list .article-post__author a:hover {
    color: var(--secondary-color);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-list .article-post__content {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 989px) {
  .article-list .article-post__category {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .article-list .article-post__content {
    display: none;
  }
}
.article-grid .article-post {
  display: flex;
  flex-direction: column;
}
.article-grid .article-post__content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-grid .article-post__category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 16px 0 0 0;
}
.article-grid .article-post__category a {
  padding: 7px 10px;
  margin: 0;
  font-size: 14px;
  line-height: 12px;
  font-weight: 500;
  text-decoration: none;
  color: var(--category-color);
  background-color: var(--category-bg-color);
  border-radius: 4px;
  border: 1px solid var(--category-border-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-grid .article-post__category a:hover {
  color: var(--category-color-hover);
  background-color: var(--category-bg-color-hover);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-grid .article-post .article-post__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
  text-decoration: none;
  word-break: break-word;
}
.article-grid .article-post .article-post__title a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-grid .article-post .article-post__title a:hover {
  color: var(--post-title-color-hover);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-grid .article-post .article-post__data-wrap {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.article-grid .article-post .article-post__author a {
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-grid .article-post .article-post__author a:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-grid .article-post .article-post__content {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 576px) {
  .article-grid .article-post .article-post__title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0;
    text-decoration: none;
    word-break: break-word;
  }
  .article-grid .article-post .article-post__title a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .article-grid .article-post .article-post__title a:hover {
    color: var(--post-title-color-hover);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-grid .article-post .article-post__data-wrap {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
  }
  .article-grid .article-post .article-post__author a {
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-grid .article-post .article-post__author a:hover {
    color: var(--secondary-color);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-grid .article-post .article-post__content {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 990px) {
  .article-grid .article-post .article-post__title {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
    margin: 0 0 8px;
    text-decoration: none;
    word-break: break-word;
  }
  .article-grid .article-post .article-post__title a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .article-grid .article-post .article-post__title a:hover {
    color: var(--post-title-color-hover);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-grid .article-post .article-post__data-wrap {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
  }
  .article-grid .article-post .article-post__author a {
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-grid .article-post .article-post__author a:hover {
    color: var(--secondary-color);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .article-grid .article-post .article-post__content {
    font-size: 14px;
    line-height: 20px;
  }
}
.article-post__image-container {
  position: relative;
}
.article-post__image-container .article-post__image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-img);
}
.article-post__image-container .article-post__image-wrapper img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.article-post .mf-media {
  display: block;
  position: relative;
  overflow: hidden;
}
.article-post .mf-media--transparent {
  background-color: transparent;
}
.article-post .mf-media .model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.article-post .mf-media > img {
  object-fit: cover;
  object-position: center center;
}
.article-post .mf-media.model-static {
  padding: 0 !important;
}
.article-post .mf-media.model-static > img {
  position: static;
  width: 100%;
  height: auto;
}
.article-post .mf-media--4x5 {
  padding-bottom: 125%;
}
.article-post .mf-media--1x1 {
  padding-bottom: 100%;
}
.article-post .mf-media--4x3 {
  padding-bottom: 75%;
}
.article-post .mf-media--3x2 {
  padding-bottom: 66.6%;
}
.article-post .mf-media--16x9 {
  padding-bottom: 56.2%;
}
.article-post .mf-media--1_85x1 {
  padding-bottom: 54%;
}
.article-post .mf-media--2_39x1 {
  padding-bottom: 41.8%;
}
.article-post .mf-media--2_75x1 {
  padding-bottom: 36.3%;
}
.article-post .mf-media--4x1 {
  padding-bottom: 25%;
}
.article-post .mf-deferred-media {
  display: block;
}
@media screen and (any-hover: hover) {
  .animation-type--zoom img {
    transform: scale(1);
    transition: transform .3s ease;
  }
  .animation-type--zoom:hover img {
    transform: scale(1.07);
    transition: transform .3s ease;
  }
}
.article-post__image-container .article-post__info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 22px 22px;
  align-items: flex-start;
}
.article-post__image-container .article-post__info .article-post__category {
  position: static;
  margin: 6px 0 0 0;
}
.article-post__image-container .article-post__info .article-post__category a {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  padding: 2px 6px;
  color: var(--img-con-category-color);
  background: var(--img-con-category-bg-color);
  border: 1px solid var(--category-border-color);
}
.article-post__image-container .article-post__info .article-post__category a:hover {
  color: var(--img-con-category-color);
  background: var(--img-con-category-bg-color-hover);
  border: 1px solid var(--category-border-color);
  text-decoration: none;
}
.article-post__image-container .article-post__info .article-post__title {
  display: inline-block;
}
.article-post__image-container .article-post__info .article-post__title a {
  color: var(--image-con-post-title-color);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1199px) {
  .article-post__image-container .article-post__info .article-post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 1023px) {
  .article-post__image-container .article-post__info .article-post__title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.article-post__image-container .article-post__info .article-post__title a:hover {
  color: var(--image-con-post-title-color-hover);
}
.article-post__image-container .article-post__info .article-post__data-wrap {
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  color: var(--image-con-post-data-color);
}
.article-post__image-container .article-post__info .article-post__author,
.article-post__image-container .article-post__info .article-post__data {
  color: var(--image-con-post-data-color);
}
.article-post__image-container .article-post__info .article-post__author a {
  color: var(--image-con-post-data-color);
}
.article-post__image-container .article-post__info .article-post__reading-time {
  color: var(--image-con-post-reading-time);
}
.article-post__info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.article-list .article-post__info {
  padding: 0 0 0 24px;
}
.article-grid .article-post__info {
  padding: 16px 0;
}
.article-post__info .article-post__title {
  font-size: 22px;
  line-height: 25px;
  font-weight: 600;
  margin: 0 0 8px;
  text-decoration: none;
  word-break: break-word;
}
.article-post__info .article-post__title a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-post__info .article-post__title a:hover {
  color: var(--post-title-color-hover);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-post__info .article-post__data-wrap {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.article-post__info .article-post__author a {
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-post__info .article-post__author a:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-post__info .article-post__title a {
  color: var(--post-title-color);
}
.article-post__info .article-post__title a:hover {
  color: var(--post-title-color-hover);
}
.article-post__info .article-post__data-wrap {
  color: var(--post-data-color);
}
.article-post__info .article-post__author a {
  color: var(--post-data-color);
}
.article-post__info .article-post__content {
  color: var(--text-color);
  margin-top: 16px;
  opacity: 0.7;
}
.article-post__info .article-post__content p {
  margin: 0 0 10px 0;
}
.article-post__info .article-post__content p:last-child {
  margin: 0;
}
.article-post__image-container .article-post__data .divider {
  color: rgba(255, 255, 255, 0.6);
}
.article-post__data .divider {
  display: none;
}
.article-post__author + .article-post__data .divider {
  display: inline-block;
}
.article-post__data .article-post__data + .article-post__reading-time .divider,
.article-post__data .article-post__author + .article-post__reading-time .divider {
  display: inline-block;
}