@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/uploads/sanjin-reference/fonts/lato-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/uploads/sanjin-reference/fonts/lato-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/wp-content/uploads/sanjin-reference/fonts/lato-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/wp-content/uploads/sanjin-reference/fonts/lato-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --sanjin-primary: #bc2c2d;
  --sanjin-dark: #222222;
  --sanjin-text: #333333;
  --sanjin-muted: #666666;
  --sanjin-surface: #f6f6f6;
  --color: #bc2c2d;
  --hovercolor: #222222;
  --fontcolor: #000000;
  --headercolor: #cccccc;
  --footercolor: #bbbbbb;
  --introcolor: #666666;
  --fontsize12: 12px;
  --fontsize13: 13px;
  --fontsize14: 14px;
  --fontsize15: 15px;
  --fontsize16: 16px;
  --fontsize17: 17px;
  --fontsize18: 18px;
  --fontsize20: 20px;
  --fontsize22: 22px;
  --fontsize24: 24px;
  --fontsize26: 26px;
  --fontsize28: 28px;
  --fontsize30: 30px;
  --fontbold3: 300;
  --fontbold4: 400;
  --fontbold5: 500;
  --fontbold6: 600;
  --fontbold7: 700;
  --borderradius: 5px;
}

body {
  color: var(--sanjin-text);
  font-family: Lato, Arial, sans-serif;
  letter-spacing: 0;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid #1261a0;
  outline-offset: 3px;
}

.elementor-widget-text-editor table {
  border-collapse: collapse;
  width: 100%;
}

.elementor-widget-text-editor th,
.elementor-widget-text-editor td {
  border: 1px solid #dddddd;
  padding: 10px 12px;
  text-align: left;
}

.sanjin-reference-post-content .tagContent {
  margin: 15px 0 25px;
}

.sanjin-reference-post-content .kche-flex-jc-sb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sanjin-reference-post-content .kche-flex-item3 {
  margin: 10px 0;
  width: 32%;
}

.sanjin-reference-post-content .kche-item-img {
  overflow: hidden;
}

.sanjin-reference-post-content .kche-item-img img {
  aspect-ratio: 800 / 685;
  border: 1px solid #eeeeee;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.sanjin-reference-post-content .kche-template-title {
  border: 2px solid var(--color);
  border-radius: var(--borderradius);
  display: inline-block;
  padding: 5px 20px;
  position: relative;
}

.sanjin-reference-post-content .kche-template-title h2,
.sanjin-reference-post-content .kche-template-title h3 {
  font-size: var(--fontsize18);
  line-height: 1.4;
  margin: 0;
}

.sanjin-reference-post-content .kche-faq-item {
  border: 1px solid #eeeeee;
  margin: 10px 0;
  padding: 10px;
}

.sanjin-reference-post-content .kche-faq-tit p,
.sanjin-reference-post-content .kche-faq-box p {
  margin: 0;
}

.sanjin-reference-post-content .kche-faq-box {
  padding-top: 4px;
}

.sanjin-reference-content .kche-t188-contant,
.sanjin-reference-content .kche-t107-content {
  display: flex;
  justify-content: space-between;
}

.sanjin-reference-content .kche-t188-left,
.sanjin-reference-content .kche-t107-l-text {
  width: 55%;
}

.sanjin-reference-content .kche-t188-right,
.sanjin-reference-content .kche-t107-r-img {
  width: 45%;
}

.sanjin-reference-content .kche-t188-left,
.sanjin-reference-content .kche-t188-right,
.sanjin-reference-content .kche-t203-item,
.sanjin-reference-content .kche-t190-item {
  padding: 20px;
}

.sanjin-reference-content .kche-t188-item,
.sanjin-reference-content .kche-t203-list,
.sanjin-reference-content .kche-t203-icon,
.sanjin-reference-content .kche-t203-bg,
.sanjin-reference-content .kche-t190-list,
.sanjin-reference-content .kche-t190-img,
.sanjin-reference-content .kche-t190-span,
.sanjin-reference-content .kche-t190-order,
.sanjin-reference-content .kche-t107-r-img,
.sanjin-reference-content .kche-flex-jc-sb {
  display: flex;
}

.sanjin-reference-content .kche-t188-item,
.sanjin-reference-content .kche-t203-icon,
.sanjin-reference-content .kche-t203-bg,
.sanjin-reference-content .kche-t190-img,
.sanjin-reference-content .kche-t190-span,
.sanjin-reference-content .kche-t190-order,
.sanjin-reference-content .kche-t107-r-img {
  align-items: center;
  justify-content: center;
}

.sanjin-reference-content .kche-t203-list,
.sanjin-reference-content .kche-t190-list,
.sanjin-reference-content .kche-flex-jc-sb {
  flex-wrap: wrap;
  justify-content: space-between;
}

.sanjin-reference-content .kche-t203-item {
  width: 24%;
}

.sanjin-reference-content .kche-t190-item {
  width: 15%;
}

.sanjin-reference-content .kche-flex-item3 {
  margin: 10px 0;
  width: 32%;
}

.sanjin-reference-content .kche-item-img {
  overflow: hidden;
}

.sanjin-reference-content .kche-item-img img,
.sanjin-reference-content .kche-t107-r-img img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.sanjin-reference-content table p {
  margin: 0;
}

.sanjin-reference-content table td,
.sanjin-reference-content table th {
  padding: 4px 10px;
}

@media (max-width: 767px) {
  .sanjin-single-main,
  .sanjin-reference-post-content,
  .sanjin-reference-post-content article,
  .sanjin-reference-post-content .prodetails-content,
  .sanjin-reference-post-content .tagContent,
  .sanjin-reference-content {
    max-width: 100%;
    min-width: 0;
  }

  .sanjin-single-main .elementor-heading-title,
  .sanjin-product-summary .elementor-widget-text-editor,
  .sanjin-reference-post-content h1,
  .sanjin-reference-post-content h2,
  .sanjin-reference-post-content h3,
  .sanjin-reference-post-content h4,
  .sanjin-reference-post-content p,
  .sanjin-reference-post-content li,
  .sanjin-reference-post-content td,
  .sanjin-reference-post-content th,
  .sanjin-reference-post-content .tagContent,
  .sanjin-reference-content h1,
  .sanjin-reference-content h2,
  .sanjin-reference-content h3,
  .sanjin-reference-content h4,
  .sanjin-reference-content p,
  .sanjin-reference-content li,
  .sanjin-reference-content td,
  .sanjin-reference-content th,
  .elementor-post-navigation .post-navigation__prev--title,
  .elementor-post-navigation .post-navigation__next--title {
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word;
  }

  .sanjin-reference-post-content img,
  .sanjin-reference-post-content video,
  .sanjin-reference-post-content iframe,
  .sanjin-reference-content img,
  .sanjin-reference-content video,
  .sanjin-reference-content iframe {
    height: auto;
    max-width: 100%;
  }

  .sanjin-reference-post-content table,
  .sanjin-reference-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  .sanjin-reference-post-content .kche-flex-item3 {
    width: 100%;
  }

  .sanjin-reference-content .kche-t188-contant,
  .sanjin-reference-content .kche-t107-content {
    display: block;
  }

  .sanjin-reference-content .kche-t188-left,
  .sanjin-reference-content .kche-t188-right,
  .sanjin-reference-content .kche-t107-l-text,
  .sanjin-reference-content .kche-t107-r-img,
  .sanjin-reference-content .kche-t203-item,
  .sanjin-reference-content .kche-t190-item,
  .sanjin-reference-content .kche-flex-item3 {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}