/*!
Theme Name: Kimia
Theme URI: #
Author: #
Author URI: #
Description: Custom WP theme for Kimia
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kimia
Tags: Custom build WP Theme
*/

/* =========================================
   Fonts
   ========================================= */

@font-face {
  font-family: "ABCArizonaFlare";
  src:
    url("./fonts/ABCArizonaFlare-Light.woff2") format("woff2"),
    url("./fonts/ABCArizonaFlare-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OnsiteStandard";
  src: url("./fonts/OnsiteStandard-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OnsiteStandard";
  src:
    url("./fonts/OnsiteStandard-Light.woff2") format("woff2"),
    url("./fonts/OnsiteStandard-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OnsiteStandard";
  src:
    url("./fonts/OnsiteStandard-LightItalic.woff2") format("woff2"),
    url("./fonts/OnsiteStandard-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "OnsiteExtended";
  src: url("./fonts/OnsiteExtended-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =========================================
   Typography scale
   ========================================= */

:root {
  --fs-h1: 90px;
  --fs-h2: 72px;
  --fs-h3: 56px;
  --fs-h4: 40px;
  --fs-h5: 36px;
  --fs-subhead: 16px;
  --fs-body-1: 24px;
  --fs-body-2: 20px;
  --fs-onsite-s: 20px;
  --fs-onsite-ext: 16px;
  --fs-arizona-20: 20px;
  --fs-onsite-96: 96px;
  --fs-arizona-42: 42px;
  --fs-onsite-24: 24px;
  --fs-onsite-18: 18px;
  --Calm-Orange: rgba(255, 192, 139, 0.38);
  --fs-38: 38px;
  --fs-22: 22px;
  --fs-64: 64px;
  --fs-30: 30px;
  --sp-30: 30px;
  --sp-40: 40px;
  --sp-60: 60px;
  --sp-80: 80px;
  --sp-90: 90px;
  --sp-120: 120px;
  --sp-140: 140px;
  --sp-160: 160px;
  --sp-240: 240px;
  --sp-445: 445px;
  --fs-100: 100px;
  --sp-200: 200px;
  --sp-380: 380px;
}
.fs-100 {
  font-size: var(--fs-100);
}
@keyframes svgFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fs-24 {
  font-size: var(--fs-body-1) !important;
}
.fs-40 {
  font-size: var(--fs-h4);
}
.svg-plus {
  opacity: 0;
  cursor: pointer;
}
.blue-lines hr {
  color: #e7a0f9;
  margin: 14px 0;
  opacity: 1;
}
.svg-plus__group {
  cursor: pointer;
}
strong {
  font-weight: 600;
}
/* Corner bracket rings */
.svg-plus__brackets path {
  fill: none;
  stroke: #35002c;
  stroke-width: 1.5;
  stroke-linecap: square;
}

.svg-plus__brackets {
  transform-box: fill-box;
  transform-origin: center;
  opacity: 0;
}

.svg-plus__group:hover .svg-plus__brackets,
#map-bg .svg-plus__group:hover .svg-plus__brackets {
  animation: bracket-appear 0.5s ease-out forwards;
}

.svg-plus__group:hover .svg-plus__brackets--outer,
#map-bg .svg-plus__group:hover .svg-plus__brackets--outer {
  animation-delay: 0.3s;
}

@keyframes bracket-appear {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  40% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}

/* Plus scales up on hover */
.svg-plus {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.2s ease;
}

.svg-plus__group:hover .svg-plus,
#map-bg .svg-plus__group:hover .svg-plus {
  transform: scale(1.4);
}

/* Entrance pulse — triggered by #map-bg.aos-animate, staggered via --i */
@keyframes plusPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}

#map-bg.aos-animate .svg-plus__group .svg-plus {
  animation:
    svgFadeIn 0.4s ease-out calc(var(--i, 0) * 0.1s) both,
    plusPulse 0.5s ease-out calc(var(--i, 0) * 0.1s + 0.1s);
}

#map-bg.aos-animate .svg-plus__group .svg-plus__brackets {
  animation: bracket-appear 0.5s ease-out calc(var(--i, 0) * 0.1s + 0.1s) forwards;
}

#map-bg.aos-animate .svg-plus__group .svg-plus__brackets--outer {
  animation-delay: calc(var(--i, 0) * 0.1s + 0.4s);
}

html {
  scroll-behavior: auto;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

body {
  color: #35002c;
  font-weight: 300;
  overscroll-behavior: none;
  font-family: "OnsiteStandard", sans-serif;
}
/* =========================================
   Typography
   ========================================= */

h1,
.h1 {
  font-family: "ABCArizonaFlare", serif;
  font-size: var(--fs-h1);
  line-height: 1.11;
}

h2,
.h2 {
  font-family: "ABCArizonaFlare", serif;
  font-size: var(--fs-h2);
  line-height: 1.18;
}

h3,
.h3 {
  font-family: "ABCArizonaFlare", serif;
  font-size: var(--fs-h3);
  line-height: 1.18;
}

h4,
.h4 {
  font-family: "ABCArizonaFlare", serif;
  font-size: var(--fs-h4);
  line-height: 1.45;
}

h5,
.h5 {
  font-family: "ABCArizonaFlare", serif;
  font-size: var(--fs-h5);
  line-height: 1.33;
}
.mt-60 {
  margin-top: var(--sp-60);
}
.mt-380 {
  margin-top: var(--sp-380);
}
.pt-240 {
  padding-top: var(--sp-240);
}
.pl-60 {
  padding-left: var(--sp-60);
}
.pt-60 {
  padding-top: var(--sp-60);
}
.pb-60 {
  padding-bottom: var(--sp-60);
}
.pb-120i {
  padding-bottom: var(--sp-120) !important;
}
.mt-80 {
  margin-top: var(--sp-80);
}

.mt-160 {
  margin-top: var(--sp-160);
}

.mt-120 {
  margin-top: var(--sp-120);
}
.pt-120 {
  padding-top: var(--sp-120);
}
.mt-30 {
  margin-top: var(--sp-30);
}
.py-200 {
  padding-top: var(--sp-200);
  padding-bottom: var(--sp-200);
}
.pb-200 {
  padding-bottom: var(--sp-200);
  margin-bottom: 0;
}
.pb-240 {
  padding-bottom: var(--sp-240);
}
.mb-30 {
  margin-bottom: var(--sp-30);
}
.mb-20 {
  margin-bottom: var(--fs-22);
}
.mb-60 {
  margin-bottom: var(--sp-60);
}
.mb-90 {
  margin-bottom: var(--sp-90);
}

.m-25 {
  margin: 25px;
}
.accordion-item {
  margin: -25px;
}
.mb-120 {
  margin-bottom: var(--sp-120);
}
.mb-140 {
  margin-bottom: var(--sp-140);
}
.py-140 {
  padding-top: var(--sp-140);
  padding-bottom: var(--sp-140);
}
.py-120 {
  padding-top: var(--sp-120);
  padding-bottom: var(--sp-120);
}
.gap-20 li {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 8px;
}
.gap-20 li span {
  line-height: 1;
}
.flex-1 {
  flex: 1;
}
.trust {
  opacity: 0.66;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-61%, -39%);
}
.counter-item {
  /* STATS */
  font-family: "ABCArizonaFlare";
  font-size: var(--fs-100);
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -2.5px;
}
.kimia-contact-form .wpcf7-form {
  display: block;
}

.kimia-cf7-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 80px;
  margin-bottom: 48px;
}

.kimia-cf7-col {
  display: flex;
  flex-direction: column;
}

.page-template-page-contact #footer {
  margin-top: 0;
}

.kimia-contact-form .wpcf7-text,
.kimia-contact-form .wpcf7-textarea {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(53, 0, 44, 0.25);
  border-radius: 0;
  padding: 10px 0;
  font-size: var(--fs-body-2);
  color: #35002c;
  outline: none;
  font-family: inherit;
}

input,
textarea {
  color: #35002c;
  font-family: "OnsiteStandard";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 151%;
  letter-spacing: -0.3px;
}

.kimia-contact-form .wpcf7-text::placeholder,
.kimia-contact-form .wpcf7-textarea::placeholder {
  color: rgba(53, 0, 44, 0.4);
}
.accordion-item-inner {
  border-bottom: 1px solid #000;
  padding: var(--sp-30) 0;
}
.kimia-contact-form .body-1 {
  margin: var(--sp-30) 0;
}

.kimia-contact-form .wpcf7-textarea {
  resize: none;
  margin-top: 48px;
  min-height: 60px;
  max-height: 60px;
}

.kimia-cf7-heading {
  font-size: 22px;
  color: #35002c;
  margin: 48px 0 0;
  padding: 0;
}

.kimia-cf7-options .wpcf7-radio,
.kimia-cf7-options .wpcf7-checkbox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 30px;
  width: 100%;
}

.kimia-cf7-options .wpcf7-list-item {
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  padding: 14px 0;
}

.body-2 a.email {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: #d9aded;
  text-decoration-thickness: auto;
  text-underline-offset: 50%;
}

.kimia-cf7-options .wpcf7-list-item-label {
  order: 1;
  font-size: var(--fs-body-2);
  color: rgba(53, 0, 44, 0.4);
  transition: color 0.2s;
  font-family: inherit;
}

.kimia-cf7-options .wpcf7-list-item input[type="radio"],
.kimia-cf7-options .wpcf7-list-item input[type="checkbox"] {
  order: 2;
  margin-left: auto;
  flex-shrink: 0;
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #35002c;
  background: transparent;
  cursor: pointer;
  transition:
    background 0.2s,
    border-color 0.2s;
}

.kimia-cf7-options .wpcf7-list-item input[type="radio"]:checked,
.kimia-cf7-options .wpcf7-list-item input[type="checkbox"]:checked {
  background: #d9aded;
  border-color: #d9aded;
}

.kimia-cf7-options .wpcf7-list-item:has(input:checked) .wpcf7-list-item-label {
  color: #35002c;
}

.kimia-contact-form .wpcf7-submit {
  display: inline-block;
  margin-top: 48px;
  background: #35002c;
  color: #fff;
  border: none;
  font-size: 0;
  font-family: inherit;
  cursor: pointer;
  letter-spacing: 0.02em;
  transition: background 0.6s;
  background: url("/wp-content/uploads/2026/06/send-button.png") center center no-repeat;
  background-size: cover;
  width: 180px;
  height: 60px;
  border-radius: 12px;
}

.wpcf7 form .wpcf7-response-output {
  font-size: var(--fs-22);
}

.kimia-contact-form .wpcf7-submit:hover {
  background: url("/wp-content/uploads/2026/06/send-hover.png") center center no-repeat;
  background-size: cover;
}
.wpcf7-spinner {
  position: absolute;
}
.kimia-contact-form .wpcf7-not-valid-tip {
  font-size: 12px;
  color: #e7a0f9;
}

.kimia-contact-form .wpcf7-response-output {
  margin-top: 16px;
  font-size: 14px;
  border: none !important;
  padding: 0 !important;
}
.stats-block .item {
  height: 580px;
  padding: var(--sp-40);
  padding-bottom: 10px !important;
  border-radius: 12px;
}

.page-template-page-logistics #footer {
  margin-top: 0;
}

.accordion-nav span {
  color: #35002c;
  line-height: 1.5;
  opacity: 0.45;
}
.accordion-nav span.is-active,
.accordion-nav span:hover,
h3.active a {
  opacity: 1;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: #d9aded;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 50%;
  text-underline-position: from-font;
}

.my-240 {
  margin-top: var(--sp-240);
  margin-bottom: var(--sp-240);
}

.pt-90 {
  padding-top: var(--sp-90);
}

.my-120 {
  margin-top: var(--sp-120);
  margin-bottom: var(--sp-120);
}
.my-90 {
  margin-top: var(--sp-90);
  margin-bottom: var(--sp-90);
}
.my-60 {
  margin-top: var(--sp-60);
  margin-bottom: var(--sp-60);
}
.py-240 {
  padding: var(--sp-240);
}
header {
  position: relative;
  z-index: 1;
}
.subhead {
  font-size: var(--fs-subhead);
  line-height: 1;
}

.purple-gradient {
  background: linear-gradient(180deg, #fff 16.84%, rgba(217, 173, 237, 0.26) 34.53%, rgba(254, 193, 139, 0.44) 58%, #fff 75%);
  background: linear-gradient(180deg, #fff 18.84%, rgba(217, 173, 237, 0.36) 40.53%, rgba(254, 193, 139, 0.39) 55.44%, #fff 75.96%);
}
footer svg {
  max-width: 100%;
  height: auto;
}
.purple-map {
  top: -9%;
  width: 65vw;
  height: auto;
}

.svg-plus {
  cursor: pointer;
}

.border-left {
  position: relative;
}
.border-left::before {
  position: absolute;
  background: #e7a0f9;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 1px;
  content: " ";
}
.map-tooltip {
  position: fixed;
  background: #35002c;
  color: #fff;
  font-family: "OnsiteExtended", sans-serif;
  font-size: 12px;
  letter-spacing: 0.05em;
  padding: 8px 14px;
  pointer-events: none;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  z-index: 200;
}

.map-tooltip.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.pl-9p {
  padding-left: 9%;
}

.body-1 {
  font-size: var(--fs-body-1);
  line-height: 1.5;
}

.pb-445 {
  padding-bottom: var(--sp-445);
}

.body-2 {
  font-size: var(--fs-body-2);
  line-height: 1.51;
}

.onsite-s {
  font-family: "OnsiteStandard", sans-serif;
  font-weight: 300;
  font-size: var(--fs-onsite-s);
  line-height: 1.3;
}

.onsite-ext {
  font-family: "OnsiteExtended", sans-serif;
  font-weight: 400;
  font-size: var(--fs-onsite-ext);
  line-height: 1;
}

.arizona-20 {
  font-family: "ABCArizonaFlare", serif;
  font-weight: 300;
  font-size: var(--fs-arizona-20);
  line-height: 1.3;
}

.onsite-96 {
  font-family: "OnsiteStandard", sans-serif;
  font-weight: 400;
  font-size: var(--fs-onsite-96);
  line-height: 1.05;
}

.arizona-42 {
  font-family: "ABCArizonaFlare", serif;
  font-weight: 300;
  font-size: var(--fs-arizona-42);
  line-height: 1.35;
}

.onsite-24 {
  font-family: "OnsiteStandard", sans-serif;
  font-weight: 300;
  font-size: var(--fs-onsite-24);
  line-height: 1.4;
}

.icon h3 {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: #d9aded;
  margin-top: var(--sp-30);
  margin-bottom: var(--sp-30);
  text-decoration-thickness: auto;
  text-underline-offset: 50%;
}

.button {
  padding: 22px 86px 21px 26px;
  display: inline-block;
  background-repeat: no-repeat;
  text-decoration: none;
  background-size: contain;
  font-size: var(--fs-onsite-ext);
  background-position: center;
  font-family: "OnsiteExtended";
  background-image: url("data:image/svg+xml,%3Csvg width='233' height='60' viewBox='0 0 233 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M165.512 54.0043C164.239 57.598 160.84 60 157.028 60H9C4.02944 60 0 55.9706 0 51V9C0 4.02944 4.02944 0 9 0H171.901C178.115 0 182.459 6.14709 180.385 12.0043L165.512 54.0043ZM232.338 51C232.338 55.9706 228.308 60 223.338 60H182.489C176.275 60 171.931 53.8529 174.005 47.9957L188.878 5.99575C190.15 2.40203 193.549 0 197.362 0H223.338C228.308 0 232.338 4.02944 232.338 9V51Z' fill='%23F4E4DB'/%3E%3Cpath d='M232.339 51C232.339 55.9706 228.31 60 223.339 60H182.489C176.275 60 171.931 53.8529 174.005 47.9957L188.878 5.99575C190.151 2.40203 193.55 0 197.362 0H223.339C228.31 0 232.339 4.02944 232.339 9V51Z' fill='%23F4E4DB'/%3E%3Cpath d='M206.036 35.4395V31.8715H202.42V30.4635H206.036V26.9115H207.508V30.4635H210.868V31.8715H207.508V35.4395H206.036Z' fill='%2335002C'/%3E%3C/svg%3E%0A");
  transition: 0.6s ease-in-out;
}

#pharmaceutical,
#food-beverage-grades {
  margin-bottom: 25px;
}

/* #food-beverage-grades .accordion-item-inner.is-active {
  border: 0;
} */

.accordion-item-inner .faqs .accordion-item-inner:last-child {
  margin-bottom: var(--sp-120);
}
#pharmaceutical .mb-60 {
  margin-bottom: 30px;
}
.button:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='233' height='60' viewBox='0 0 233 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M165.512 54.0043C164.239 57.598 160.84 60 157.028 60H9C4.02944 60 0 55.9706 0 51V9C0 4.02944 4.02944 0 9 0H171.901C178.115 0 182.459 6.14709 180.385 12.0043L165.512 54.0043ZM232.338 51C232.338 55.9706 228.308 60 223.338 60H182.489C176.275 60 171.931 53.8529 174.005 47.9957L188.878 5.99575C190.15 2.40203 193.549 0 197.362 0H223.338C228.308 0 232.338 4.02944 232.338 9V51Z' fill='%23F4E4DB'/%3E%3Cpath d='M232.339 51C232.339 55.9706 228.31 60 223.339 60H182.489C176.275 60 171.931 53.8529 174.005 47.9957L188.878 5.99575C190.151 2.40203 193.55 0 197.362 0H223.339C228.31 0 232.339 4.02944 232.339 9V51Z' fill='%23D9ADED'/%3E%3Cpath d='M206.036 35.4395V31.8715H202.42V30.4635H206.036V26.9115H207.508V30.4635H210.868V31.8715H207.508V35.4395H206.036Z' fill='%2335002C'/%3E%3C/svg%3E%0A");
}

.find-out-btn {
  padding: 20px 80px 20px 18px;
  display: inline-block;
  background-repeat: no-repeat;
  text-decoration: none;
  font-size: var(--fs-onsite-ext);
  background-size: contain;
  background-position: center;
  font-family: "OnsiteExtended";
  transition: 0.6s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width='262' height='61' viewBox='0 0 262 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192.896 54.0716C191.624 57.6653 188.225 60.0673 184.413 60.0673L9 60.0673C4.02944 60.0673 0 56.0378 0 51.0673V9.06628C0 4.09572 4.02944 0.0662842 9 0.0662842H199.286C205.5 0.0662842 209.844 6.21344 207.77 12.0706L192.896 54.0716Z' fill='white'/%3E%3Cpath d='M261.879 51.001C261.879 55.9715 257.85 60.001 252.879 60.001H212.029C205.815 60.001 201.471 53.8539 203.545 47.9968L218.418 5.99579C219.691 2.40205 223.09 0 226.902 0H252.879C257.85 0 261.879 4.02944 261.879 9V51.001Z' fill='white'/%3E%3Cpath d='M235.272 35.5058V31.9378H231.656V30.5298H235.272V26.9778H236.744V30.5298H240.104V31.9378H236.744V35.5058H235.272Z' fill='%2335002C'/%3E%3C/svg%3E%0A");
}

.find-out-btn:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='262' height='61' viewBox='0 0 262 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192.896 54.0716C191.624 57.6653 188.225 60.0673 184.413 60.0673L9 60.0673C4.02944 60.0673 0 56.0378 0 51.0673V9.06628C0 4.09572 4.02944 0.0662842 9 0.0662842H199.286C205.5 0.0662842 209.844 6.21344 207.77 12.0706L192.896 54.0716Z' fill='white'/%3E%3Cpath d='M261.879 51.001C261.879 55.9715 257.85 60.001 252.879 60.001H212.029C205.815 60.001 201.471 53.8539 203.545 47.9968L218.418 5.99579C219.691 2.40205 223.09 0 226.902 0H252.879C257.85 0 261.879 4.02944 261.879 9V51.001Z' fill='%23D9ADED'/%3E%3Cpath d='M235.272 35.5058V31.9378H231.656V30.5298H235.272V26.9778H236.744V30.5298H240.104V31.9378H236.744V35.5058H235.272Z' fill='%2335002C'/%3E%3C/svg%3E%0A");
}

.page-id-2346 .accordion-container {
  margin-top: 0;
}
.post-img {
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 12px;
}
.read-more-btn {
  padding: 20px 80px 20px 18px;
  display: inline-block;
  background-repeat: no-repeat;
  text-decoration: none;
  font-size: var(--fs-onsite-ext);
  background-size: contain;
  background-position: center;
  font-family: "OnsiteExtended";
  transition: 0.6s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width='233' height='60' viewBox='0 0 233 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M165.512 54.0043C164.239 57.598 160.84 60 157.028 60H9C4.02944 60 0 55.9706 0 51V9C0 4.02944 4.02944 0 9 0H171.901C178.115 0 182.459 6.14709 180.385 12.0043L165.512 54.0043ZM232.338 51C232.338 55.9706 228.308 60 223.338 60H182.489C176.275 60 171.931 53.8529 174.005 47.9957L188.878 5.99575C190.15 2.40203 193.549 0 197.362 0H223.338C228.308 0 232.338 4.02944 232.338 9V51Z' fill='white'/%3E%3Cpath d='M232.338 51C232.338 55.9706 228.309 60 223.338 60H182.488C176.274 60 171.93 53.8529 174.004 47.9957L188.877 5.99575C190.15 2.40203 193.549 0 197.361 0H223.338C228.309 0 232.338 4.02944 232.338 9V51Z' fill='white'/%3E%3C/svg%3E%0A");
}

.read-more-btn:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='233' height='60' viewBox='0 0 233 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M165.512 54.0043C164.239 57.598 160.84 60 157.028 60H9C4.02944 60 0 55.9706 0 51V9C0 4.02944 4.02944 0 9 0H171.901C178.115 0 182.459 6.14709 180.385 12.0043L165.512 54.0043ZM232.338 51C232.338 55.9706 228.308 60 223.338 60H182.489C176.275 60 171.931 53.8529 174.005 47.9957L188.878 5.99575C190.15 2.40203 193.549 0 197.362 0H223.338C228.308 0 232.338 4.02944 232.338 9V51Z' fill='white'/%3E%3Cpath d='M232.338 51C232.338 55.9706 228.309 60 223.338 60H182.488C176.274 60 171.93 53.8529 174.004 47.9957L188.877 5.99575C190.15 2.40203 193.549 0 197.361 0H223.338C228.309 0 232.338 4.02944 232.338 9V51Z' fill='D9ADED'/%3E%3C/svg%3E%0A");
}

.explore-btn {
  padding: 18px 90px 18px 28px;
  display: inline-block;
  background-repeat: no-repeat;
  text-decoration: none;
  font-size: var(--fs-onsite-ext);
  background-size: contain;
  background-position: center;
  font-family: "OnsiteExtended";
  transition: 0.6s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width='262' height='61' viewBox='0 0 262 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192.896 54.0717C191.624 57.6654 188.225 60.0674 184.413 60.0674L9 60.0674C4.02944 60.0674 0 56.0379 0 51.0674V9.0664C0 4.09584 4.02944 0.0664062 9 0.0664062H199.286C205.5 0.0664062 209.844 6.21356 207.77 12.0707L192.896 54.0717Z' fill='white'/%3E%3Cpath d='M261.879 51.001C261.879 55.9715 257.85 60.001 252.879 60.001H212.029C205.815 60.001 201.471 53.8539 203.545 47.9968L218.418 5.99579C219.691 2.40205 223.09 0 226.902 0H252.879C257.85 0 261.879 4.02944 261.879 9V51.001Z' fill='white'/%3E%3Cpath d='M235.272 35.5054V31.9374H231.656V30.5294H235.272V26.9774H236.744V30.5294H240.104V31.9374H236.744V35.5054H235.272Z' fill='%2335002C'/%3E%3C/svg%3E%0A");
}

.explore-btn:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='262' height='61' viewBox='0 0 262 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192.896 54.0717C191.624 57.6654 188.225 60.0674 184.413 60.0674L9 60.0674C4.02944 60.0674 0 56.0379 0 51.0674V9.0664C0 4.09584 4.02944 0.0664062 9 0.0664062H199.286C205.5 0.0664062 209.844 6.21356 207.77 12.0707L192.896 54.0717Z' fill='white'/%3E%3Cpath d='M261.879 51.001C261.879 55.9715 257.85 60.001 252.879 60.001H212.029C205.815 60.001 201.471 53.8539 203.545 47.9968L218.418 5.99579C219.691 2.40205 223.09 0 226.902 0H252.879C257.85 0 261.879 4.02944 261.879 9V51.001Z' fill='%23D9ADED'/%3E%3Cpath d='M235.272 35.5054V31.9374H231.656V30.5294H235.272V26.9774H236.744V30.5294H240.104V31.9374H236.744V35.5054H235.272Z' fill='%2335002C'/%3E%3C/svg%3E%0A");
}

.group-faqs .content,
.faqs .content {
  padding-top: var(--sp-30);
}

@media screen and (min-width: 1400px) {
  .container {
    max-width: 1580px;
  }
}

.px-9p {
  padding-left: 9%;
  padding-right: 9%;
}

.fs-64 {
  font-size: var(--fs-64);
}

.fs-38 {
  font-size: var(--fs-38);
  line-height: 1.4;
  font-family: "ABCArizonaFlare";
}

.accordion-container {
  border-radius: 12px;
  background: #ffc08b;
}

.button,
.find-out-btn {
  position: relative;
}
/* 
.button::after,
.find-out-btn::after {
  content: "";
  position: absolute;
  bottom: 18px;
  left: 18px;
  width: calc(100% - 98px);
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s ease;
}

.button:hover::after,
.find-out-btn:hover::after {
  transform: scaleX(1);
} */

.topbar {
  background: linear-gradient(90deg, rgba(217, 173, 237, 0.57) 0%, rgba(255, 192, 139, 0.54) 49.52%, rgba(254, 240, 146, 0.26) 100%);
  font-size: var(--fs-onsite-18);
  text-align: center;
  padding: 11px 0;
}

.fs-18 {
  font-size: var(--fs-onsite-18);
}
.page-id-2406 .product-table tr.no-border + tr td:last-child .product-table__dot--empty::after {
  display: none;
}
a {
  color: inherit;
}
.screen-reader-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

a {
  text-decoration: none;
}
.topbar a {
  text-decoration: underline;
}
ul li {
  list-style-type: none;
}

ul {
  margin: 0;
  padding: 0;
}

.main-menu {
  padding: 25px 0 50px;
}

.main-menu ul {
  display: flex;
  gap: 60px;
}

.container,
.container-fluid {
  --bs-gutter-x: 3rem;
}

.current-menu-item {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: #d9aded;
  text-decoration-thickness: 1px; /* 5% */
  text-underline-offset: 50%; /* 10px */
  text-underline-position: from-font;
}

.video-banner {
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  border-radius: 12px;
  margin: 0 25px;
  isolation: isolate;
}

.video-banner__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  will-change: transform;
}

.video-banner__overlay {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(105deg, rgba(217, 173, 237, 0.38) 12.57%, rgba(227, 191, 212, 0.38) 41.81%, rgba(235, 206, 192, 0.38) 48.75%, var(--Calm-Orange) 73.72%, rgba(254, 240, 146, 0.32) 86.79%);
  mix-blend-mode: multiply;
  z-index: 1;
}

.video-banner__content {
  position: relative;
  z-index: 2;
}

.plus-block {
  position: relative;
}

.left-top-plus {
  position: absolute;
  left: 0;
  top: 0;
}

.plus-in-word {
  position: absolute;
  margin-left: -30px;
  margin-top: -5px;
}

img {
  max-width: 100%;
  height: auto;
}

.rolling-slider {
  overflow: hidden;
  padding: 40px 0;
}

.rolling-slider__track {
  display: flex;
  width: max-content;
  animation: marquee 22s linear infinite;
}

.rolling-slider__track:hover {
  animation-play-state: paused;
}
/* Word-by-word scroll reveal */
.word-reveal__word {
  display: inline-block;
}
.page-template-page-contact .yellow-gradient {
  background: linear-gradient(180deg, #fff 1%, rgba(254, 240, 146, 0.36) 45.14%, #fff 97.35%);
}

.word-reveal__inner {
  display: inline-block;
  opacity: 0.3;
  transition: opacity 0.25s ease;
}

.word-reveal__inner.is-visible {
  opacity: 1;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
h4.link {
  transition: 0.6s;
  cursor: pointer;
}
h4.link:hover {
  opacity: 1 !important;
}

.rolling-slider__list {
  display: flex;
  align-items: center;
  gap: 60px;
  margin: 0;
  list-style: none;
  white-space: nowrap;
  padding-right: 60px;
}

.rolling-slider__item {
  font-family: "ABCArizonaFlare", serif;
  font-weight: 300;
  font-size: var(--fs-h5);
  line-height: 1;
  color: #35002c;
}
.page-template-page-about footer {
  margin-top: 0 !important;
}
.rolling-slider__sep {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.block {
  border-radius: 12px;
  margin-top: 25px;
}

.blocks-stack .block {
  position: sticky;
  top: 80px;
}

.blocks-stack .block:nth-child(1) {
  z-index: 1;
}
.blocks-stack .block:nth-child(2) {
  z-index: 2;
  top: 120px;
}
.blocks-stack .block:nth-child(3) {
  z-index: 3;
  top: 160px;
  margin-bottom: 0;
}
.yellow-gradient {
  background: linear-gradient(180deg, #fff 14.82%, rgba(254, 240, 146, 0.46) 55.14%, #fff 97.35%);
}

.fs-22 {
  font-size: var(--fs-22);
  font-weight: 300;
}
.fs-30 {
  font-size: var(--fs-30);
  font-weight: 300;
}

/* =========================================
   Blog post cards / slider
   ========================================= */

.blog-posts-slider {
  padding: 0 20px;
}

.blog-posts-slider .swiper-slide:first-child {
  margin-left: 9%;
}

.blog-posts-slider .swiper-wrapper {
  align-items: stretch;
}

.blog-posts-slider .swiper-slide {
  width: calc(35% - 30px);
  min-width: 280px;
  height: auto;
}
/* #scrollToTop {
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(53, 0, 44, 0.5);
  font-size: var(--fs-22);
  cursor: pointer;
} */

.blog-posts-slider .swiper-scrollbar,
.m-holder .swiper-scrollbar {
  height: 9px;
  background: rgba(53, 0, 44, 0.16);
  border-radius: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: var(--sp-90);
  display: block;
  position: relative;
  border-radius: 200px;
  max-width: 100vw;
}

.m-holder .swiper-scrollbar {
  max-width: 100%;
}

.subhead {
  color: #d9aded;
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 100%; /* 13px */
  letter-spacing: -0.13px;
  margin-top: 40px;
}

.blog-posts-slider .swiper-scrollbar-drag,
.m-holder .swiper-scrollbar-drag {
  background: rgba(53, 0, 44, 0.2);
  border-radius: 200px;
}

.blog-card {
  height: 100%;
  box-shadow: 3px 10px 24px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  border-radius: 12px;
}
.blog-card {
  background: #ffffff url(/wp-content/uploads/2026/04/edge2.png);
  background-position: right bottom;
  background-size: 100px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: 0.6s ease-in-out;
}

.blog-card:hover {
  background-image: url(/wp-content/uploads/2026/04/edge-3.png);
}

.blog-card__img img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}

.blog-card__body {
  padding: 40px 40px 100px;
  flex: 1;
}

.blog-card__img {
  padding: 40px 40px 0;
}

.blog-card__body p {
  margin: 0;
}

.blog-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 40px;
}

.blog-card__plus {
  width: 52px;
  height: 52px;
  background: #f4e4db;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #35002c;
  text-decoration: none;
  flex-shrink: 0;
}
footer {
  background: url("/wp-content/uploads/2026/04/Footer.jpg") center center no-repeat;
  background-size: cover;
}

.img-accordion {
  --ia-gap: 16px;
  --ia-shift: min(227px, 24.79vh); /* tan(19.5°) × height → 109.5° cut angle */
  display: flex;
  height: 640px;
  max-height: 70vh;
  background: white;
  width: 115vw;
}

.img-accordion__panel {
  flex: 1;
  position: relative;
  cursor: pointer;
  transition: flex 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  margin-right: calc(-1 * var(--ia-shift));
}

.img-accordion__panel:last-child .img-accordion__label {
  right: 51%;
}

.img-accordion__panel.is-active:last-child .img-accordion__label {
  right: 36%;
}

.img-accordion__panel:last-child {
  margin-right: 0;
}

/* Right panels sit on top so they cover the left panel's overlap area */
/* .img-accordion__panel:nth-child(1) {
  z-index: 1;
}

.img-accordion__panel:nth-child(2) {
  z-index: 2;
}

.img-accordion__panel:nth-child(3) {
  z-index: 3;
}

.img-accordion__panel:nth-child(4) {
  z-index: 4;
} */

/* Diagonal clip-paths — "/" direction, 109.5° cut angle */
.img-accordion__panel:first-child {
  clip-path: polygon(0 0, calc(100% - var(--ia-gap)) 0, calc(100% - var(--ia-gap) - var(--ia-shift)) 100%, 0 100%);
}

.img-accordion__panel:not(:first-child):not(:last-child) {
  clip-path: polygon(calc(var(--ia-gap) + var(--ia-shift)) 0, calc(100% - var(--ia-gap)) 0, calc(100% - var(--ia-gap) - var(--ia-shift)) 100%, var(--ia-gap) 100%);
}

.img-accordion__panel:last-child {
  clip-path: polygon(calc(var(--ia-gap) + var(--ia-shift)) 0, 100% 0, 100% 100%, var(--ia-gap) 100%);
}

/* Image wrapper handles overflow for the scale effect */
.img-accordion__img {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.img-accordion__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

/* "+" pill — centered, always visible on collapsed panels */
.img-accordion__plus {
  position: absolute;
  bottom: 30px;
  right: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

/* Label row — fades in on active */
.img-accordion__label {
  position: absolute;
  bottom: 30px;
  right: 38%;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  z-index: 1;
  transition: 0.5s cubic-bezier(0.4, 0, 0.17, 1);
  pointer-events: none;
}
.card-title {
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 60px;
  padding: 0 30px 0 24px;
  white-space: nowrap;
  opacity: 0;
  transition: 0.4s ease-in-out;
  left: 10px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
}
.img-button {
  position: absolute;
  right: 0;
  top: 0;
}
.img-button:hover {
  cursor: pointer;
}
.img-button svg.first {
  width: 24vw;
  height: auto;
}
.img-button svg.second {
  width: 12vw;
  height: auto;
}
.img-button svg.third {
  width: 18vw;
  height: auto;
}
.img-button svg.fourth {
  width: 19vw;
  height: auto;
}
.img-button .purple {
  transition: 0.6s ease;
}

.swiper-slide:nth-child(4) .img-button {
  right: 1vw;
}
.img-button:hover .purple {
  fill: #e7a0f9;
}
/* White pill background */
.card-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 24px;
  bottom: 0;
  background: white;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.card-title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 100%;
  background: url(/wp-content/uploads/2026/05/Subtract-e1777889082499.png);
  background-size: contain;
  /* background: red; */
}
/* Hide the old fixed-width SVG background */
.card-title > svg:first-child {
  display: none;
}

.product-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.product-table th,
.product-table td {
  padding: var(--fs-body-1) 16px;
  border-bottom: 1px solid rgba(53, 0, 44, 0.25);
  font-weight: 400;
}

.product-table th:first-child,
.product-table td:first-child {
  padding-left: 0;
  width: 20%;
}

.product-table thead th {
  font-family: "OnsiteStandard";
  font-size: var(--fs-body-2);
  color: #35002c;
}
.product-table thead tr:first-child th {
  font-family: "OnsiteStandard";
  padding-bottom: 0;
  padding-bottom: var(--fs-body-1);
}

.product-table__sizes th {
  font-size: var(--fs-body-2);
  font-weight: 300;
}

.product-table tbody td,
p.table-caption {
  font-size: var(--fs-body-2);
  font-weight: 300;
  color: #35002c;
}

.product-table tr.no-border td {
  border-bottom: none;
  padding-bottom: 0;
}

.product-table__dot--empty::after {
  opacity: 0;
}

.table-caption tr td:last-child .product-table__dot--empty::after {
  background: transparent;
  opacity: 1;
  content: "*";
  width: auto;
  height: auto;
  top: 3px;
  position: relative;
}

.product-table__dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(53, 0, 44, 0.4);
  border-radius: 50%;
}

.product-table__dot::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #35002c;
}

#food-beverage-grades .product-table th:last-child,
#food-beverage-grades .product-table td:last-child {
  width: 30%;
}

.img-accordion__panel.is-active .card-title {
  opacity: 1 !important;
}

.img-accordion__label span {
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}

.plus-holder {
  position: relative;
}

/* Nav click states */
.accordion-nav span {
  cursor: pointer;
  transition: opacity 0.25s ease;
}

.accordion-nav.has-active span {
  opacity: 0.4;
}

.accordion-nav.has-active span.is-active {
  opacity: 1;
}

.hover-arrow span {
  display: inline-block;
  transition: 0.4s ease;
}

.hover-arrow:hover span {
  transform: translateX(10px);
}

/* Active panel mirrors hover behaviour */
.img-accordion.has-active .img-accordion__panel {
  flex: 0.5;
}

[data-aos-duration="6000"] {
  transition-duration: 5s !important;
}

.img-accordion.has-active .img-accordion__panel.is-active {
  flex: 0.7;
}

.img-accordion__panel.is-active .img-accordion__img img {
  transform: scale(1.05);
}

.page-template-page-industries footer {
  margin-top: 20px !important;
}

.img-accordion__panel.is-active .img-accordion__plus {
  opacity: 0;
  transform: translateX(-50%) scale(0.6);
  pointer-events: none;
}
.see-all {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-color: rgba(53, 0, 44, 0.5);

  text-decoration-thickness: 3%; /* 0.66px */
  text-underline-offset: 50%; /* 11px */
  text-underline-position: from-font;
}

.img-accordion__panel.is-active .img-accordion__label {
  right: 27%;
}

/* =========================================
   Industry Slider – About page
   ========================================= */

.industry-slider {
  position: relative;
}

.industry-slider__head {
  display: flex;
  justify-content: flex-end;
}
span.d-block.h5.mb-4 {
  font-size: var(--fs-body-1);
  font-weight: 600;
}

.js-industry-swiper {
  cursor: grab;
}

.js-industry-swiper:active {
  cursor: grabbing;
}

.industry-slide {
  position: relative;
}

.industry-slide__img {
  overflow: hidden;
  border-radius: 12px;
}
.industry-slide__img img {
  width: 100%;
}

.swiper-slide-active .industry-slide__label {
  opacity: 1;
}

.plus-top-left {
  left: -10%;
  top: -15%;
}

.plus-top-right {
  right: -10%;
  top: -15%;
}
.plus-bottom-right {
  right: -10%;
  bottom: -15%;
}

.plus-bottom-left {
  left: -10%;
  bottom: -15%;
}

.counter {
  text-align: center;
}

@media screen and (max-width: 1750px) {
  :root {
    --fs-h1: 81px;

    --fs-h2: 65px;
    --fs-h3: 50px;
    --fs-h4: 36px;
    --fs-h5: 32px;
    --fs-subhead: 14px;
    --fs-body-1: 22px;
    --fs-body-2: 18px;
    --fs-onsite-s: 18px;
    --fs-onsite-ext: 14px;
    --fs-arizona-20: 18px;
    --fs-onsite-96: 86px;
    --fs-arizona-42: 38px;
    --fs-onsite-24: 22px;
    --fs-onsite-18: 16px;
    --Calm-Orange: rgba(255, 192, 139, 0.38);
    --fs-38: 34px;
    --fs-22: 20px;
    --fs-64: 58px;
    --fs-30: 27px;
    --sp-30: 27px;
    --sp-40: 34px;
    --sp-60: 54px;
    --sp-80: 72px;
    --sp-90: 81px;
    --sp-120: 108px;
    --sp-140: 126px;
    --sp-160: 144px;
    --sp-240: 216px;
    --sp-445: 401px;
    --fs-100: 90px;
    --sp-200: 180px;
    --sp-380: 310px;
  }
  .product-table__dot {
    width: 22px;
    height: 22px;
  }
  .icon svg,
  svg.close,
  svg.open {
    max-width: 90%;
  }
  .px-9p {
    padding-left: 8.1%;
    padding-right: 8.1%;
  }
  .blog-posts-slider .swiper-slide:first-child {
    margin-left: 8.1%;
  }
  .rolling-slider {
    padding: 36px 0;
  }
  .find-out-btn {
    padding: 18px 72px 18px 16px;
  }
  .img-accordion {
    --ia-shift: min(204px, 24.79vh);
    height: 576px;
  }
  .button {
    padding: 20px 77px 19px 23px;
  }
  .main-menu {
    padding: 23px 0 45px;
  }
  .main-menu ul {
    gap: 54px;
  }
  .topbar {
    padding: 10px 0;
  }
  .svg-divider {
    max-width: 110px;
    height: auto;
  }
  .kimia-contact-form .wpcf7-textarea {
    margin-top: 40px;
    min-height: 54px;
    max-height: 54px;
  }
  .logo svg {
    max-width: 80%;
    height: auto;
  }
  .blog-card__img {
    padding: 36px 36px 0;
  }
  .blog-card__body {
    padding: 36px 36px 90px;
  }

  .blog-card {
    background-size: 90px;
  }

  .plus-in-word svg {
    max-width: 11px;
    height: auto;
  }
  .img-accordion__panel.is-active .img-accordion__label {
    right: 30%;
  }
  .img-accordion__label {
    right: 42%;
  }
  .img-accordion__panel:last-child .img-accordion__label {
    right: 52%;
  }
  .plus-top-right {
    right: -3%;
  }
  .plus-bottom-right {
    right: -3%;
  }
  .svg-icon svg {
    max-width: 110px;
    height: auto;
  }
  .stats-block .item {
    height: 520px;
  }
  .kimia-contact-form .wpcf7-submit {
    width: 170px;
    height: 54px;
  }
}

div[data-category="Food Grades"] .product-table th:last-child,
div[data-category="Food Grades"] .product-table td:last-child {
  width: auto;
}
@media screen and (max-width: 1550px) {
  :root {
    --fs-h1: 72px;
    --fs-h2: 58px;
    --fs-h3: 45px;
    --fs-h4: 32px;
    --fs-h5: 29px;
    --fs-subhead: 13px;
    --fs-body-1: 19px;
    --fs-body-2: 16px;
    --fs-onsite-s: 16px;
    --fs-onsite-ext: 13px;
    --fs-arizona-20: 16px;
    --fs-onsite-96: 77px;
    --fs-arizona-42: 34px;
    --fs-onsite-24: 19px;
    --fs-onsite-18: 14px;
    --Calm-Orange: rgba(255, 192, 139, 0.38);
    --fs-38: 30px;
    --fs-22: 18px;
    --fs-64: 51px;
    --fs-30: 24px;
    --sp-30: 24px;
    --sp-40: 32px;
    --sp-60: 48px;
    --sp-80: 64px;
    --sp-90: 72px;
    --sp-120: 96px;
    --sp-140: 116px;
    --sp-160: 128px;
    --sp-240: 192px;
    --sp-445: 356px;
    --fs-100: 80px;
    --sp-200: 160px;
    --sp-380: 270px;
  }
  .icon svg {
    max-width: 110px;
    height: auto;
  }
  svg.close,
  svg.open {
    max-width: 36px;
    height: auto;
  }
  .product-table__dot {
    width: 20px;
    height: 20px;
  }
  .svg-divider {
    max-width: 100px;
    height: auto;
  }
  .svg-icon svg {
    max-width: 100px;
    height: auto;
  }
  .px-9p {
    padding-left: 7%;
    padding-right: 7%;
  }
  .blog-posts-slider .swiper-slide:first-child {
    margin-left: 6%;
  }
  .rolling-slider {
    padding: 30px 0;
  }
  .find-out-btn {
    padding: 16px 64px 16px 15px;
  }
  .explore-btn {
    padding: 15px 70px 15px 21px;
  }
  .img-accordion {
    --ia-shift: min(188px, 24.79vh);
    height: 530px;
  }
  .kimia-contact-form .wpcf7-textarea {
    margin-top: 36px;
    min-height: 48px;
    max-height: 48px;
  }
  .kimia-contact-form .wpcf7-submit {
    width: 160px;
    height: 48px;
  }
  .button {
    padding: 18px 70px 17px 21px;
  }
  .main-menu {
    padding: 20px 0 40px;
  }
  .main-menu ul {
    gap: 48px;
  }
  .topbar {
    padding: 9px 0;
  }

  .logo svg {
    max-width: 80%;
    height: auto;
  }
  .blog-card__img {
    padding: 32px 32px 0;
  }
  .plus-in-word svg {
    max-width: 10px;
    height: auto;
  }
  .blog-card__body {
    padding: 32px 32px 80px;
  }
  .blog-card {
    background-size: 80px;
  }
}

@media screen and (max-width: 1400px) {
  :root {
    --fs-h1: 65px;
    --fs-h2: 52px;
    --fs-h3: 41px;
    --fs-h4: 29px;
    --fs-h5: 26px;
    --fs-subhead: 12px;
    --fs-body-1: 17px;
    --fs-body-2: 14px;
    --fs-onsite-s: 14px;
    --fs-onsite-ext: 12px;
    --fs-arizona-20: 14px;
    --fs-onsite-96: 69px;
    --fs-arizona-42: 31px;
    --fs-onsite-24: 17px;
    --fs-onsite-18: 13px;
    --Calm-Orange: rgba(255, 192, 139, 0.38);
    --fs-38: 27px;
    --fs-22: 16px;
    --fs-64: 46px;
    --fs-30: 22px;
    --sp-30: 22px;
    --sp-40: 26px;
    --sp-60: 43px;
    --sp-80: 58px;
    --sp-90: 65px;
    --sp-120: 86px;
    --sp-160: 115px;
    --sp-240: 173px;
    --sp-445: 320px;
    --fs-100: 70px;
    --sp-200: 150px;
    --sp-380: 200px;
  }
  .icon svg {
    max-width: 100px;
    height: auto;
  }
  .product-table__dot {
    width: 18px;
    height: 18px;
  }
  .px-9p {
    padding-left: 6.3%;
    padding-right: 6.3%;
  }
  .blog-posts-slider .swiper-slide:first-child {
    margin-left: 5.4%;
  }
  .svg-icon svg {
    max-width: 90px;
    height: auto;
  }
  .rolling-slider {
    padding: 27px 0;
  }
  .find-out-btn {
    padding: 14px 58px 14px 14px;
  }
  .img-accordion {
    --ia-shift: min(169px, 24.79vh);
    height: 477px;
  }
  .button {
    padding: 16px 63px 15px 19px;
  }
  .main-menu {
    padding: 18px 0 36px;
  }
  .main-menu ul {
    gap: 43px;
  }
  .topbar {
    padding: 8px 0;
  }

  .logo svg {
    max-width: 72%;
    height: auto;
  }
  .blog-card__img {
    padding: 29px 29px 0;
  }
  .blog-card__body {
    padding: 29px 29px 72px;
  }
  .blog-card {
    background-size: 70px;
  }

  .img-accordion__label {
    right: 43%;
    bottom: 20px;
  }
  .img-accordion__panel.is-active .img-accordion__label {
    right: 31%;
  }
  .img-accordion__panel:last-child .img-accordion__label {
    right: 47%;
  }
  .img-accordion__panel.is-active:last-child .img-accordion__label {
    right: 33%;
  }
  .stats-block .item {
    height: 480px;
  }
}
.border-b-d {
  background: #35002c34;
  height: 1px;
}
.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1400px) {
  :root {
    --fs-h1: 65px;
    --fs-h2: 52px;
    --fs-h3: 41px;
    --fs-h4: 29px;
    --fs-h5: 26px;
    --fs-subhead: 12px;
    --fs-body-1: 17px;
    --fs-body-2: 14px;
    --fs-onsite-s: 14px;
    --fs-onsite-ext: 12px;
    --fs-arizona-20: 14px;
    --fs-onsite-96: 69px;
    --fs-arizona-42: 31px;
    --fs-onsite-24: 17px;
    --fs-onsite-18: 13px;
    --Calm-Orange: rgba(255, 192, 139, 0.38);
    --fs-38: 27px;
    --fs-22: 16px;
    --fs-64: 46px;
    --fs-30: 22px;
    --sp-30: 22px;
    --sp-40: 26px;
    --sp-60: 43px;
    --sp-80: 58px;
    --sp-90: 65px;
    --sp-120: 86px;
    --sp-160: 115px;
    --sp-240: 173px;
    --sp-445: 320px;
    --fs-100: 70px;
    --sp-200: 150px;
    --sp-380: 200px;
  }
  .icon svg {
    max-width: 100px;
    height: auto;
  }
  .product-table__dot {
    width: 18px;
    height: 18px;
  }
  .px-9p {
    padding-left: 6.3%;
    padding-right: 6.3%;
  }
  .blog-posts-slider .swiper-slide:first-child {
    margin-left: 5.4%;
  }
  .svg-icon svg {
    max-width: 90px;
    height: auto;
  }
  .rolling-slider {
    padding: 27px 0;
  }
  .find-out-btn {
    padding: 14px 58px 14px 14px;
  }
  .img-accordion {
    --ia-shift: min(169px, 24.79vh);
    height: 477px;
  }
  .button {
    padding: 16px 63px 15px 19px;
  }
  .main-menu {
    padding: 18px 0 36px;
  }
  .main-menu ul {
    gap: 43px;
  }
  .topbar {
    padding: 8px 0;
  }

  .logo svg {
    max-width: 72%;
    height: auto;
  }
  .blog-card__img {
    padding: 29px 29px 0;
  }
  .blog-card__body {
    padding: 29px 29px 72px;
  }
  .blog-card {
    background-size: 70px;
  }

  .img-accordion__label {
    right: 43%;
    bottom: 20px;
  }
  .img-accordion__panel.is-active .img-accordion__label {
    right: 31%;
  }
  .img-accordion__panel:last-child .img-accordion__label {
    right: 47%;
  }
  .img-accordion__panel.is-active:last-child .img-accordion__label {
    right: 33%;
  }
  .stats-block .item {
    height: 480px;
  }
}
@media screen and (max-width: 1300px) {
  :root {
    --fs-h3: 32px;
    --fs-h5: 22px;
    --fs-38: 20px;
  }
}

#menu-item-2449 {
  display: none;
}
.br-12 {
  border-radius: 12px;
}

.single .content h2,
.single .content h3,
.single .content h4 {
  margin-top: var(--sp-60);
  margin-bottom: var(--sp-30);
}
.single .content h3 {
  font-size: var(--fs-h4);
}
.single .content h4 {
  font-size: var(--fs-h5);
}
.single .content p + p {
  margin-top: var(--sp-30);
}
.single .content > ul {
  margin: var(--sp-30) 0;
  padding-left: 15px;
}

.single .content > ul ul {
  padding-left: 15px;
}
.single .content p {
  color: #35002c;
  font-family: "OnsiteStandard";
  font-size: var(--fs-body-1);
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.36px;
}

.single .content a {
  text-decoration: underline;
  text-decoration-color: #d9aded;
}

.single .content ul li {
  color: #35002c;
  font-family: "OnsiteStandard";
  font-size: var(--fs-body-2);
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.36px;
  list-style-type: "+ ";
}
.single .content ol {
  margin: var(--sp-30) 0;
  padding-left: var(--sp-40);
  list-style: none;
  counter-reset: content-ol;
}

.single .content ol > li {
  color: #35002c;
  font-family: "OnsiteStandard";
  font-size: var(--fs-body-2);
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.36px;
  position: relative;
  padding-left: 34px;
  counter-increment: content-ol;
}

ol li ul li {
  padding-left: 10px !important;
}
.single .content ul li::before {
  display: none !important;
}
.single .content ol > li::before {
  content: counter(content-ol);
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(53, 0, 44, 0.4);
  border-radius: 50%;
  font-size: var(--fs-onsite-s);
}
.single .content strong {
  font-weight: 500;
}
@media screen and (max-width: 992px) {
  :root {
    --fs-h1: 42px;
    --fs-onsite-ext: 10px;
    --fs-onsite-18: 12px;
    --sp-160: 60px;
    --fs-onsite-24: 16px;
    --sp-60: 30px;
    --fs-h2: 34px;
    --sp-240: 60px;
    --fs-38: 22px;
    --sp-120: 30px;
    --fs-64: 34px;
    --sp-90: 40px;
    --fs-body-1: 16px;
    --sp-445: 120px;
    --fs-arizona-42: 20px;
    --fs-h5: 22px;
    --fs-30: 20px;
    --fs-h4: 25px;
    --fs-h3: 34px;
    --fs-100: 60px;
  }
  .menu,
  .menu + div {
    display: none;
  }
  .mt-30-m {
    margin-top: 30px !important;
  }
  .mt-60-m {
    margin-top: 60px !important;
  }
  .mb-30-m {
    margin-bottom: 30px !important;
  }
  .mb-0-m {
    margin-bottom: 0px !important;
  }

  .page-id-2303 #main-nav span {
    margin: 10px 0 !important;
  }
  .purple-map {
    position: relative;
  }

  .fs-16-m p {
    font-size: 16px;
  }
  .pluses svg {
    max-width: 7px;
    height: auto;
  }

  .purple-m {
    background: #f4e4db;
    padding: 28px !important;
    border-radius: 12px;
    margin-top: 10px;
  }
  .bg-none-m {
    background: none !important;
  }

  .pb-120-m {
    padding-bottom: 120px;
  }
  .pt-0-m {
    padding-top: 0;
  }

  footer {
    background: url(/wp-content/uploads/2026/07/Footer-m.jpg) center center no-repeat;
    background-size: cover !important;
  }

  style + .accordion-container {
    margin-top: 20px !important;
  }
  .wp-block-table {
    overflow-x: scroll;
  }
  #contact-section.mt-0-m {
    margin-top: 0 !important;
  }
  .mt-0-m.m-25 {
    margin-top: 0 !important;
  }
  #contact-section.mt-0-m > div {
    margin-top: 16px;
  }
  .blog-posts-slider .swiper-slide {
    width: calc(29% - 30px);
    min-width: 250px;
  }
  .img-accordion.has-active .img-accordion__panel.is-active {
    flex: 0.9;
  }
  .current-menu-item {
    text-decoration: none;
  }
  .lh-m-16 {
    line-height: 1.6;
  }
  .logo svg {
    max-width: 110px;
    height: auto;
  }
  #menu-item-2449 {
    display: block;
  }
  .main-menu {
    padding: 12px 0;
  }
  .main-menu .container-fluid {
    --bs-gutter-x: 24px;
  }
  .video-banner {
    margin: 0 12px;
  }
  .accordion-nav span {
    display: block;
    font-size: 20px;
    transition: 0.4s ease;
  }
  .border-b-m {
    border-bottom: 1px solid #35002c34;
    padding-bottom: var(--sp-60);
    margin-bottom: var(--sp-60);
  }
  .img-accordion {
    --ia-gap: 8px;
  }
  .accordion-nav span.is-active {
    margin: 20px 0;
    font-size: 22px;
  }
  .card-title,
  .img-accordion__label {
    display: none !important;
  }
  .h4-mob {
    font-size: 22px;
    line-height: 1.5;
  }
  .mb-90-m {
    margin-bottom: 90px;
  }
  .mt-90-m {
    margin-top: 90px;
  }
  .my-90-m {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .p-0-m {
    padding: 0 !important;
  }
  .pt-30-m {
    padding-top: 30px;
  }
  .px-0-m {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .pb-40-m {
    padding-bottom: 40px !important;
  }
  .pb-60-m {
    padding-bottom: 60px !important;
  }

  .pb-90-m {
    padding-bottom: 90px !important;
  }
  svg.close,
  svg.open {
    max-width: 24px;
    height: auto;
  }

  .group-faqs p,
  .faqs p {
    margin-bottom: 0;
  }
  .product-table th:first-child,
  .product-table td:first-child {
    padding-left: 0;
    width: 45%;
  }
  .product-table,
  .wp-block-table table {
    min-width: 500px;
  }
  .accordion-nav span:first-child {
    margin-top: 0 !important;
  }

  .px-30-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .container,
  .container-fluid {
    --bs-gutter-x: 60px;
  }
  .img-accordion {
    width: 140vw;
    height: 320px;
    margin-bottom: 30px;
  }
  .purple-map {
    top: 0;
    width: 120%;
    height: auto;
    position: relative !important;
    left: -10%;
  }
  #map-bg {
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
  }
  .blog-posts-slider .swiper-slide:first-child {
    margin-left: 0;
  }
  .blog-posts-slider {
    padding: 0 30px;
  }
  .blog-card__img {
    padding: 20px 20px 0;
  }
  .blog-card__body {
    padding: 20px 20px 20px;
  }
  .blog-card__footer {
    padding: 20px 20px;
  }

  .home footer {
    margin-top: 90px !important;
  }
  .accordion-nav span.is-active,
  .accordion-nav span:hover,
  h3.active a {
    text-underline-offset: 26%;
  }
  .accordion-item.py-140 {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
  .m-25 {
    margin: 80px 10px 0 !important;
  }
  #pharmaceutical,
  #food-beverage-grades {
    margin-bottom: 10px;
  }
  .flex-w-m {
    flex-wrap: wrap;
    row-gap: 3rem !important;
    margin-top: 90px;
  }
  .accordion-item {
    margin: -5px;
  }
  .mb-60-m {
    margin-bottom: 60px !important;
  }

  .flex-wrap-m {
    flex-direction: column-reverse;
  }

  .pt-12-m {
    padding-top: 12px;
  }
  .fs-25-m {
    font-size: 25px;
  }
  .trust svg {
    max-width: 120px;
    height: auto;
  }
  .mt-120-m {
    margin-top: 120px;
  }
  .px-45-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .onsite-s {
    line-height: 1.5;
  }
  .spec-logos img {
    max-width: 87px;
    margin-top: 70px;
  }
  .lh-15 {
    line-height: 1.5;
  }
  .spec-logos img:last-child {
    max-width: 55px;
  }
  .plus-in-word {
    margin-left: -15px;
  }
  .px-12-m {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .fs-12-m {
    font-size: 12px;
  }
  footer .onsite-ext.fs-12-m {
    margin-bottom: 30px;
  }
  .blog-posts-slider .swiper-scrollbar,
  .m-holder .swiper-scrollbar {
    max-width: 100%;
  }
  .plus-bottom-left {
    left: 10px;
    bottom: 0;
  }
  .plus-bottom-right {
    right: 10px;
    bottom: 0;
  }

  .backmob-1 {
    background-image: url(/wp-content/uploads/2026/06/mobback1.png) !important;
    background-position: right top !important;
  }
  .backmob-2 {
    background-image: url(/wp-content/uploads/2026/06/mobback2.png) !important;
    background-position: right top !important;
  }
  .backmob-3 {
    background-image: url(/wp-content/uploads/2026/06/mobback3.png) !important;
    background-position: right top !important;
  }
  .counter {
    margin: 90px 0;
  }
  .icon.my-120 {
    margin-bottom: 60px;
  }
  .icon.my-120 p {
    padding: 0 30px;
  }
  .m-holder .swiper-slide > img {
    display: none;
  }
  .m-holder {
    background: #35002c;
    border-radius: 12px;
    padding-top: 120px;
    position: relative;
  }
  .spec-on-mob {
    width: 1920px !important;
    height: auto;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
  }
  .about-slider {
    padding: 0 0 90px;
  }
  .m-holder .position-absolute {
    position: relative !important;
    width: 100% !important;
  }
  .m-holder span,
  .m-holder h3 {
    color: #fff !important;
  }
  .mh-50-m {
    height: 250px !important;
    position: relative;
  }
  .m-holder h3 {
    margin-bottom: 60px;
  }
  .fs-20-m {
    font-size: 20px !important;
  }
  .m-holder .swiper-scrollbar {
    position: absolute;
    bottom: -30px;
  }
  .fs-22-m {
    font-size: 22px !important;
  }
  .fs-34-m {
    font-size: 34px !important;
  }
  .fs-16-m {
    font-size: 16px !important;
  }

  section.industry .position-absolute {
    position: relative !important;
    width: 100% !important;
    padding: 40px 30px !important;
    border-radius: 12px;
    background: #fff;
  }
  section.industry {
    background: #fff linear-gradient(180deg, var(--Off-White, #fff8f7) 40.16%, rgba(255, 192, 139, 0.1) 100%) !important;
  }

  .bg-m-purp {
    background: linear-gradient(0, rgba(255, 239, 146, 0.2) 6%, rgba(217, 173, 237, 0.64) 24.44%, rgba(255, 255, 255, 0.24) 89.83%) !important;
  }
  section.industry .fs-25-m svg {
    max-width: 20px;
    height: auto;
  }
  .position-relative-m {
    position: relative;
  }

  .svg-s {
    max-width: 240px;
    height: auto;
    right: 68px;
    top: 11px !important;
  }
  #contact-block .container-fluid {
    --bs-gutter-x: 20px;
  }
  #contact-block .block {
    background: url(/wp-content/uploads/2026/06/Subtract.jpg) center top no-repeat !important;
    background-size: cover !important;
  }
  .kimia-contact-form .wpcf7-text,
  .kimia-contact-form .wpcf7-textarea {
    font-size: 16px;
  }
  .kimia-cf7-options .wpcf7-radio,
  .kimia-cf7-options .wpcf7-checkbox {
    display: block;
  }
  .divider-wrapper {
    margin: 0 auto;
  }
  #contact-block {
    position: relative;
    overflow-x: hidden;
  }
  .stats-block .item {
    background-position: top right -22px !important;
    margin-bottom: 10px;
  }
  .industry-slider__head {
    position: relative;
    top: 60px;
  }
  .industry-slider__head .onsite-ext {
    font-size: 16px;
  }
  .plus-top-left {
    left: 12px;
  }

  .plus-top-right {
    right: 12px;
  }
  .py-90-m {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .center-c {
    background-position: center right -300px !important;
  }
  .kimia-cf7-options .wpcf7-list-item {
    border-bottom: 1px solid rgba(53, 0, 44, 0.25);
  }
  .kimia-cf7-options .wpcf7-list-item input[type="radio"],
  .kimia-cf7-options .wpcf7-list-item input[type="checkbox"] {
    width: 11px;
    height: 11px;
  }
.trust svg 
{
  display: none;
}
  .feature-img {
    aspect-ratio: 1/1;
  }
  .content {
    margin-bottom: 60px;
  }


   .page-id-2393 .product-table thead tr:first-child th:nth-child(1) {
        min-width: 123px;
    }
.page-id-2393 .product-table thead tr:first-child th:nth-child(3) {
        min-width: 200px;
    }
}

/* Mobile menu */
.hamburger-btn {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

#mobileMenu {
  max-width: 100%;
  width: 100vw;
  background: #d9aded;
  padding-top: 34px;
}

#mobileMenu .offcanvas-header {
  padding: 12px 10px;
  border-bottom: none;
}

#mobileMenu .offcanvas-body {
  padding: 30px;
}

#mobileMenu .mobile-nav .mobile-nav-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#mobileMenu .mobile-nav .mobile-nav-list li a {
  display: block;
  padding: 21px 0;
  color: #35002c;
  text-decoration: none;
  font-size: 34px;
  border-bottom: 1px solid #35002c6b;
  transition: color 0.2s;
}

#mobileMenu .mobile-nav .mobile-nav-list li:last-child a {
  border-bottom: none;
}

@media screen and (min-width: 992px) {
  .accordion-nav:not(#main-nav) span {
    margin: 0 !important;
    line-height: 1;
  }
}

.page-item {
  color: #35002c;
  font-family: "OnsiteStandard";
  font-size: var(--fs-onsite-18);
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
}

.page-item.active {
  text-decoration: underline;
}