{"id":48,"date":"2026-09-30T10:26:56","date_gmt":"2026-09-30T10:26:56","guid":{"rendered":"https:\/\/hdlcoffee.com\/?page_id=48"},"modified":"2026-09-30T10:31:08","modified_gmt":"2026-09-30T10:31:08","slug":"quality","status":"publish","type":"page","link":"https:\/\/hdlcoffee.com\/index.php\/quality\/","title":{"rendered":"Quality"},"content":{"rendered":"\n\n\n<section class=\"hdl-sec-q9k32\">\n  <div class=\"hdl-container-q9k32\">\n    \n    <!-- Left Content Column -->\n    <div class=\"hdl-content-col-q9k32\">\n      <!-- Breadcrumb -->\n      <div class=\"hdl-breadcrumb-q9k32\">\n        <a href=\"#home\" class=\"hdl-bc-link-q9k32\">Home<\/a>\n        <span class=\"hdl-bc-sep-q9k32\">&rsaquo;<\/span>\n        <span class=\"hdl-bc-current-q9k32\">Quality<\/span>\n      <\/div>\n\n      <div class=\"hdl-eyebrow-q9k32\">OUR QUALITY<\/div>\n      <h1 class=\"hdl-title-q9k32\">Quality in<br><span class=\"hdl-highlight-q9k32\">Every Bean.<\/span><\/h1>\n      <p class=\"hdl-desc-q9k32\">\n        Thoughtfully sourced. Carefully processed. Deliciously consistent. That&#8217;s the HDL standard.\n      <\/p>\n\n      <!-- 4 Icons \/ Features Bar -->\n      <div class=\"hdl-features-bar-q9k32\">\n        <div class=\"hdl-feat-item-q9k32\">\n          <div class=\"hdl-feat-icon-wrap-q9k32\">\n            <span class=\"hdl-feat-icon-q9k32\">\ud83c\udf31<\/span>\n          <\/div>\n          <span class=\"hdl-feat-text-q9k32\">100%<br>Natural<\/span>\n        <\/div>\n\n        <div class=\"hdl-feat-item-q9k32\">\n          <div class=\"hdl-feat-icon-wrap-q9k32\">\n            <span class=\"hdl-feat-icon-q9k32\">\ud83d\udc9a<\/span>\n          <\/div>\n          <span class=\"hdl-feat-text-q9k32\">Rich in<br>Antioxidants<\/span>\n        <\/div>\n\n        <div class=\"hdl-feat-item-q9k32\">\n          <div class=\"hdl-feat-icon-wrap-q9k32\">\n            <span class=\"hdl-feat-icon-q9k32\">\ud83d\udee1\ufe0f<\/span>\n          <\/div>\n          <span class=\"hdl-feat-text-q9k32\">Consistent<br>Quality<\/span>\n        <\/div>\n\n        <div class=\"hdl-feat-item-q9k32\">\n          <div class=\"hdl-feat-icon-wrap-q9k32\">\n            <span class=\"hdl-feat-icon-q9k32\">\u2615<\/span>\n          <\/div>\n          <span class=\"hdl-feat-text-q9k32\">Better<br>Wellness<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Image Showcase Column -->\n    <div class=\"hdl-image-col-q9k32\">\n      <div class=\"hdl-img-wrap-q9k32\">\n        <img decoding=\"async\" src=\"image_fc253b.jpg\" alt=\"Coffee beans in scoop and sack\" class=\"hdl-feat-img-q9k32\">\n        <div class=\"hdl-circular-badge-q9k32\">\n          <svg viewBox=\"0 0 100 100\" class=\"hdl-badge-svg-q9k32\">\n            <path id=\"hdl-quality-curve-q9k32\" fill=\"transparent\" d=\"M 15, 50 a 35,35 0 1,1 70,0 a 35,35 0 1,1 -70,0\" \/>\n            <text>\n              <textPath href=\"#hdl-quality-curve-q9k32\" startOffset=\"0%\">PREMIUM COFFEE \u2022 HEALTHIER LIFE<\/textPath>\n            <\/text>\n          <\/svg>\n          <div class=\"hdl-badge-icon-q9k32\">\ud83c\udf3f<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.hdl-sec-q9k32 *,\n.hdl-sec-q9k32 *::before,\n.hdl-sec-q9k32 *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.hdl-sec-q9k32 {\n  width: 100%;\n  background-color: #0c1d14;\n  background-image: linear-gradient(rgba(12, 29, 20, 0.8), rgba(12, 29, 20, 0.92)), url('image_fc253b.jpg');\n  background-size: cover;\n  background-position: center;\n  padding: 80px 5%;\n  font-family: 'Manrope', sans-serif;\n  overflow: hidden;\n}\n\n.hdl-container-q9k32 {\n  max-width: 1320px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 50px;\n}\n\n\/* Left Content Column *\/\n.hdl-content-col-q9k32 {\n  flex: 1.1;\n  max-width: 620px;\n  z-index: 2;\n}\n\n.hdl-breadcrumb-q9k32 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'Manrope', sans-serif;\n  font-size: 13px;\n  color: #a3b2aa;\n  margin-bottom: 20px;\n}\n\n.hdl-bc-link-q9k32 {\n  color: #a3b2aa !important;\n  text-decoration: none !important;\n  transition: color 0.3s ease;\n}\n\n.hdl-bc-link-q9k32:hover {\n  color: #FFFFFF !important;\n}\n\n.hdl-bc-sep-q9k32 {\n  color: #8ae0b4;\n}\n\n.hdl-bc-current-q9k32 {\n  color: #FFFFFF;\n  font-weight: 500;\n}\n\n.hdl-eyebrow-q9k32 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  color: #8ae0b4;\n  margin-bottom: 14px;\n  text-transform: uppercase;\n}\n\n.hdl-title-q9k32 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(44px, 5.5vw, 72px);\n  font-weight: 600;\n  line-height: 1.05;\n  color: #FFFFFF;\n  margin-bottom: 20px;\n}\n\n.hdl-highlight-q9k32 {\n  color: #00A651;\n}\n\n.hdl-desc-q9k32 {\n  font-family: 'Manrope', sans-serif;\n  font-size: clamp(15px, 1.2vw, 17px);\n  font-weight: 400;\n  line-height: 1.7;\n  color: #d0dcd5;\n  margin-bottom: 40px;\n  max-width: 500px;\n}\n\n\/* Features Bar *\/\n.hdl-features-bar-q9k32 {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n}\n\n.hdl-feat-item-q9k32 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.hdl-feat-icon-wrap-q9k32 {\n  width: 48px;\n  height: 48px;\n  background-color: rgba(255, 255, 255, 0.08);\n  border: 1px solid rgba(220, 230, 224, 0.2);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.hdl-feat-icon-q9k32 {\n  font-size: 18px;\n}\n\n.hdl-feat-text-q9k32 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  color: #FFFFFF;\n  line-height: 1.3;\n}\n\n\/* Right Image Showcase Column *\/\n.hdl-image-col-q9k32 {\n  flex: 1.2;\n  display: flex;\n  justify-content: flex-end;\n  position: relative;\n  z-index: 2;\n}\n\n.hdl-img-wrap-q9k32 {\n  position: relative;\n  width: 100%;\n  max-width: 680px;\n  height: 420px;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);\n  border: 1px solid rgba(220, 230, 224, 0.15);\n}\n\n.hdl-feat-img-q9k32 {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Rotating Badge *\/\n.hdl-circular-badge-q9k32 {\n  position: absolute;\n  top: 30px;\n  right: 30px;\n  width: 105px;\n  height: 105px;\n  background-color: rgba(12, 29, 20, 0.9);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\n  animation: hdlRotateBadge-q9k32 20s linear infinite;\n  border: 1px solid rgba(220, 230, 224, 0.2);\n}\n\n.hdl-badge-svg-q9k32 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.hdl-badge-svg-q9k32 text {\n  font-family: 'Manrope', sans-serif;\n  font-size: 9.5px;\n  font-weight: 700;\n  fill: #8ae0b4;\n  letter-spacing: 1px;\n}\n\n.hdl-badge-icon-q9k32 {\n  font-size: 22px;\n  z-index: 2;\n}\n\n@keyframes hdlRotateBadge-q9k32 {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n\/* Responsive Media Queries *\/\n@media (max-width: 1024px) {\n  .hdl-container-q9k32 {\n    flex-direction: column;\n    gap: 40px;\n  }\n\n  .hdl-content-col-q9k32 {\n    max-width: 100%;\n    text-align: center;\n  }\n\n  .hdl-breadcrumb-q9k32 {\n    justify-content: center;\n  }\n\n  .hdl-desc-q9k32 {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .hdl-features-bar-q9k32 {\n    justify-content: center;\n  }\n\n  .hdl-image-col-q9k32 {\n    justify-content: center;\n    width: 100%;\n  }\n\n  .hdl-img-wrap-q9k32 {\n    max-width: 100%;\n    height: 350px;\n  }\n}\n\n@media (max-width: 600px) {\n  .hdl-features-bar-q9k32 {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    text-align: left;\n  }\n  .hdl-feat-item-q9k32 {\n    justify-content: flex-start;\n  }\n  .hdl-img-wrap-q9k32 {\n    height: 270px;\n  }\n  .hdl-circular-badge-q9k32 {\n    width: 90px;\n    height: 90px;\n    top: 20px;\n    right: 20px;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  const section = document.querySelector('.hdl-sec-q9k32');\n  if (!section) return;\n  \/\/ Section-scoped initialization completed successfully\n})();\n<\/script>\n\n\n\t<section class=\"section\" id=\"section_1345381771\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<section class=\"hdl-sec-c4m92\">\n  <div class=\"hdl-container-c4m92\">\n    \n    <!-- Left Column: Title & Description -->\n    <div class=\"hdl-left-col-c4m92\">\n      <div class=\"hdl-eyebrow-c4m92\">OUR COMMITMENT<\/div>\n      <h2 class=\"hdl-title-c4m92\">More Than Just<br>Great Taste.<\/h2>\n      <p class=\"hdl-desc-c4m92\">\n        At HDL, quality isn&#8217;t just a step in our process &mdash; it&#8217;s the foundation of everything we do. We are committed to bringing you coffee that is pure, naturally rich and carefully crafted to support a healthier, more mindful lifestyle.\n      <\/p>\n      <div class=\"hdl-action-wrap-c4m92\">\n        <a href=\"#story\" class=\"hdl-btn-c4m92\">Our Story &rarr;<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Center Column: Circular Coffee Bowl Showcase with Graphic Text -->\n    <div class=\"hdl-center-col-c4m92\">\n      <div class=\"hdl-center-img-wrap-c4m92\">\n        <img decoding=\"async\" src=\"image_fc253b.jpg\" alt=\"Bowl of coffee beans with leaves\" class=\"hdl-feat-img-c4m92\">\n        <div class=\"hdl-script-text-c4m92\">\n          Good<br>Coffee<br>Better<br>Tomorrows\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Column: 4 Commitment Points -->\n    <div class=\"hdl-right-col-c4m92\">\n      <div class=\"hdl-points-list-c4m92\">\n        \n        <!-- Point 1 -->\n        <div class=\"hdl-point-row-c4m92\">\n          <div class=\"hdl-point-icon-wrap-c4m92\">\n            <span class=\"hdl-point-icon-c4m92\">\ud83c\udf31<\/span>\n          <\/div>\n          <div class=\"hdl-point-text-box-c4m92\">\n            <h3 class=\"hdl-point-title-c4m92\">Pure Ingredients<\/h3>\n            <p class=\"hdl-point-desc-c4m92\">Only high-quality, naturally sourced beans.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Point 2 -->\n        <div class=\"hdl-point-row-c4m92\">\n          <div class=\"hdl-point-icon-wrap-c4m92\">\n            <span class=\"hdl-point-icon-c4m92\">\ud83d\udc9a<\/span>\n          <\/div>\n          <div class=\"hdl-point-text-box-c4m92\">\n            <h3 class=\"hdl-point-title-c4m92\">Naturally Rich<\/h3>\n            <p class=\"hdl-point-desc-c4m92\">Packed with antioxidants and beneficial compounds.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Point 3 -->\n        <div class=\"hdl-point-row-c4m92\">\n          <div class=\"hdl-point-icon-wrap-c4m92\">\n            <span class=\"hdl-point-icon-c4m92\">\ud83d\udce6<\/span>\n          <\/div>\n          <div class=\"hdl-point-text-box-c4m92\">\n            <h3 class=\"hdl-point-title-c4m92\">Clean &amp; Safe<\/h3>\n            <p class=\"hdl-point-desc-c4m92\">Processed with care to ensure purity and safety.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Point 4 -->\n        <div class=\"hdl-point-row-c4m92\">\n          <div class=\"hdl-point-icon-wrap-c4m92\">\n            <span class=\"hdl-point-icon-c4m92\">\u2615<\/span>\n          <\/div>\n          <div class=\"hdl-point-text-box-c4m92\">\n            <h3 class=\"hdl-point-title-c4m92\">A Healthier Choice<\/h3>\n            <p class=\"hdl-point-desc-c4m92\">Good coffee for a better you.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.hdl-sec-c4m92 *,\n.hdl-sec-c4m92 *::before,\n.hdl-sec-c4m92 *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.hdl-sec-c4m92 {\n  width: 100%;\n  background-color: #FFFFFF;\n  padding: 80px 4%;\n  font-family: 'Manrope', sans-serif;\n}\n\n.hdl-container-c4m92 {\n  max-width: 1360px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.1fr 1.1fr 1fr;\n  gap: 40px;\n  align-items: center;\n}\n\n\/* Left Column *\/\n.hdl-left-col-c4m92 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.hdl-eyebrow-c4m92 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  color: #007A3D;\n  margin-bottom: 16px;\n  text-transform: uppercase;\n}\n\n.hdl-title-c4m92 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(38px, 4.2vw, 54px);\n  font-weight: 600;\n  line-height: 1.1;\n  color: #242424;\n  margin-bottom: 22px;\n}\n\n.hdl-desc-c4m92 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 14.5px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: #5F6662;\n  margin-bottom: 30px;\n}\n\n.hdl-action-wrap-c4m92 {\n  display: flex;\n}\n\n.hdl-btn-c4m92 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #00A651;\n  color: #FFFFFF !important;\n  font-family: 'Manrope', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  padding: 14px 28px;\n  border-radius: 6px;\n  text-decoration: none !important;\n  transition: background-color 0.3s ease, transform 0.2s ease;\n  box-shadow: 0 4px 12px rgba(0, 166, 81, 0.2);\n}\n\n.hdl-btn-c4m92:hover {\n  background-color: #007A3D;\n  transform: translateY(-2px);\n}\n\n\/* Center Column *\/\n.hdl-center-col-c4m92 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n}\n\n.hdl-center-img-wrap-c4m92 {\n  position: relative;\n  width: 360px;\n  height: 360px;\n  border-radius: 50%;\n  background: radial-gradient(circle, #EAF7F0 0%, #F7F8F5 80%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #DCE6E0;\n  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);\n}\n\n.hdl-feat-img-c4m92 {\n  width: 82%;\n  height: 82%;\n  object-fit: cover;\n  border-radius: 50%;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n}\n\n.hdl-script-text-c4m92 {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n  font-family: 'Cormorant Garamond', serif;\n  font-style: italic;\n  font-size: 18px;\n  line-height: 1.15;\n  color: #242424;\n  font-weight: 600;\n  text-shadow: 0 2px 4px rgba(255,255,255,0.8);\n  pointer-events: none;\n}\n\n\/* Right Column *\/\n.hdl-right-col-c4m92 {\n  display: flex;\n  flex-direction: column;\n}\n\n.hdl-points-list-c4m92 {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.hdl-point-row-c4m92 {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.hdl-point-icon-wrap-c4m92 {\n  width: 48px;\n  height: 48px;\n  background-color: #FFFFFF;\n  border: 1px solid #DCE6E0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);\n}\n\n.hdl-point-icon-c4m92 {\n  font-size: 18px;\n}\n\n.hdl-point-text-box-c4m92 {\n  display: flex;\n  flex-direction: column;\n}\n\n.hdl-point-title-c4m92 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 18px;\n  font-weight: 600;\n  color: #242424;\n  margin-bottom: 2px;\n  line-height: 1.2;\n}\n\n.hdl-point-desc-c4m92 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 12.5px;\n  color: #5F6662;\n  font-weight: 400;\n  line-height: 1.4;\n}\n\n\/* Responsive Media Queries *\/\n@media (max-width: 1100px) {\n  .hdl-container-c4m92 {\n    grid-template-columns: 1fr;\n    gap: 50px;\n    text-align: center;\n  }\n  \n  .hdl-left-col-c4m92 {\n    align-items: center;\n  }\n\n  .hdl-desc-c4m92 {\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .hdl-action-wrap-c4m92 {\n    justify-content: center;\n  }\n\n  .hdl-right-col-c4m92 {\n    max-width: 500px;\n    margin: 0 auto;\n    width: 100%;\n    text-align: left;\n  }\n}\n\n@media (max-width: 500px) {\n  .hdl-center-img-wrap-c4m92 {\n    width: 280px;\n    height: 280px;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  const section = document.querySelector('.hdl-sec-c4m92');\n  if (!section) return;\n  \/\/ Section-scoped initialization completed successfully\n})();\n<\/script>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1345381771 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_456112170\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<section class=\"hdl-sec-e8k21\">\n  <div class=\"hdl-container-e8k21\">\n    \n    <!-- Left Column: Title & Description -->\n    <div class=\"hdl-left-col-e8k21\">\n      <div class=\"hdl-eyebrow-e8k21\">ETHICALLY SOURCED<\/div>\n      <h2 class=\"hdl-title-e8k21\">From the Best<br>Coffee Regions.<\/h2>\n      <p class=\"hdl-desc-e8k21\">\n        Our beans are sourced from trusted farms in renowned coffee-growing regions, where nature, climate and expertise come together to create exceptional flavour and quality.\n      <\/p>\n    <\/div>\n\n    <!-- Right Column: 3 Features with Vertical Dividers -->\n    <div class=\"hdl-right-col-e8k21\">\n      \n      <!-- Feature 1 -->\n      <div class=\"hdl-feat-card-e8k21\">\n        <div class=\"hdl-feat-icon-wrap-e8k21\">\n          <span class=\"hdl-feat-icon-e8k21\">\ud83d\udccd<\/span>\n        <\/div>\n        <span class=\"hdl-feat-label-e8k21\">Carefully<br>Selected Farms<\/span>\n      <\/div>\n\n      <!-- Feature 2 -->\n      <div class=\"hdl-feat-card-e8k21\">\n        <div class=\"hdl-feat-icon-wrap-e8k21\">\n          <span class=\"hdl-feat-icon-e8k21\">\ud83c\udf3f<\/span>\n        <\/div>\n        <span class=\"hdl-feat-label-e8k21\">Sustainable<br>Sourcing<\/span>\n      <\/div>\n\n      <!-- Feature 3 -->\n      <div class=\"hdl-feat-card-e8k21\">\n        <div class=\"hdl-feat-icon-wrap-e8k21\">\n          <span class=\"hdl-feat-icon-e8k21\">\ud83e\udd1d<\/span>\n        <\/div>\n        <span class=\"hdl-feat-label-e8k21\">Support<br>Local Communities<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.hdl-sec-e8k21 *,\n.hdl-sec-e8k21 *::before,\n.hdl-sec-e8k21 *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.hdl-sec-e8k21 {\n  width: 100%;\n  background-color: #0c1d14;\n  background-image: linear-gradient(rgba(12, 29, 20, 0.75), rgba(12, 29, 20, 0.9)), url('image_fba4e0.jpg');\n  background-size: cover;\n  background-position: center;\n  padding: 90px 5%;\n  font-family: 'Manrope', sans-serif;\n  color: #FFFFFF;\n}\n\n.hdl-container-e8k21 {\n  max-width: 1320px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 60px;\n}\n\n\/* Left Column *\/\n.hdl-left-col-e8k21 {\n  flex: 1.1;\n  max-width: 580px;\n}\n\n.hdl-eyebrow-e8k21 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  color: #8ae0b4;\n  margin-bottom: 16px;\n  text-transform: uppercase;\n}\n\n.hdl-title-e8k21 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(40px, 4.8vw, 64px);\n  font-weight: 600;\n  line-height: 1.08;\n  color: #FFFFFF;\n  margin-bottom: 22px;\n}\n\n.hdl-desc-e8k21 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: #d0dcd5;\n}\n\n\/* Right Column *\/\n.hdl-right-col-e8k21 {\n  flex: 1.2;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  background-color: rgba(12, 29, 20, 0.6);\n  border: 1px solid rgba(220, 230, 224, 0.15);\n  border-radius: 12px;\n  padding: 40px 30px;\n  backdrop-filter: blur(10px);\n}\n\n.hdl-feat-card-e8k21 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  flex: 1;\n  position: relative;\n}\n\n\/* Vertical Dividers between feature items *\/\n.hdl-feat-card-e8k21:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  top: 15%;\n  right: 0;\n  width: 1px;\n  height: 70%;\n  background-color: rgba(220, 230, 224, 0.2);\n}\n\n.hdl-feat-icon-wrap-e8k21 {\n  width: 56px;\n  height: 56px;\n  background-color: rgba(255, 255, 255, 0.08);\n  border: 1px solid rgba(220, 230, 224, 0.2);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 16px;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n}\n\n.hdl-feat-icon-e8k21 {\n  font-size: 22px;\n}\n\n.hdl-feat-label-e8k21 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 13.5px;\n  font-weight: 600;\n  color: #FFFFFF;\n  line-height: 1.4;\n}\n\n\/* Responsive Media Queries *\/\n@media (max-width: 1024px) {\n  .hdl-container-e8k21 {\n    flex-direction: column;\n    gap: 40px;\n  }\n\n  .hdl-left-col-e8k21 {\n    max-width: 100%;\n    text-align: center;\n  }\n\n  .hdl-right-col-e8k21 {\n    width: 100%;\n  }\n}\n\n@media (max-width: 600px) {\n  .hdl-right-col-e8k21 {\n    flex-direction: column;\n    gap: 30px;\n  }\n\n  .hdl-feat-card-e8k21::after {\n    display: none !important;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  const section = document.querySelector('.hdl-sec-e8k21');\n  if (!section) return;\n  \/\/ Section-scoped initialization completed successfully\n})();\n<\/script>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_456112170 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_2097507270\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<section class=\"hdl-sec-f3k91\">\n  <div class=\"hdl-container-f3k91\">\n    \n    <!-- Left Column: Title & Description -->\n    <div class=\"hdl-left-col-f3k91\">\n      <div class=\"hdl-eyebrow-f3k91\">OUR PROCESS<\/div>\n      <h2 class=\"hdl-title-f3k91\">From Farm<br>to Your Cup.<\/h2>\n      <p class=\"hdl-desc-f3k91\">\n        A meticulous process to ensure every cup delivers the rich flavour and natural benefits you deserve.\n      <\/p>\n    <\/div>\n\n    <!-- Right Column: 5 Process Steps with Arrow Icons -->\n    <div class=\"hdl-right-col-f3k91\">\n      \n      <!-- Step 01 -->\n      <div class=\"hdl-step-item-f3k91\">\n        <div class=\"hdl-step-img-wrap-f3k91\">\n          <img decoding=\"async\" src=\"image_fba4e0.jpg\" alt=\"Sourcing\" class=\"hdl-step-img-f3k91\">\n        <\/div>\n        <div class=\"hdl-step-content-f3k91\">\n          <span class=\"hdl-step-num-f3k91\">01<\/span>\n          <h3 class=\"hdl-step-title-f3k91\">Sourcing<\/h3>\n          <p class=\"hdl-step-desc-f3k91\">Finest beans from trusted farms.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hdl-step-arrow-f3k91\">&rsaquo;<\/div>\n\n      <!-- Step 02 -->\n      <div class=\"hdl-step-item-f3k91\">\n        <div class=\"hdl-step-img-wrap-f3k91\">\n          <img decoding=\"async\" src=\"image_fb38a3.jpg\" alt=\"Processing\" class=\"hdl-step-img-f3k91\">\n        <\/div>\n        <div class=\"hdl-step-content-f3k91\">\n          <span class=\"hdl-step-num-f3k91\">02<\/span>\n          <h3 class=\"hdl-step-title-f3k91\">Processing<\/h3>\n          <p class=\"hdl-step-desc-f3k91\">Carefully processed to maintain purity.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hdl-step-arrow-f3k91\">&rsaquo;<\/div>\n\n      <!-- Step 03 -->\n      <div class=\"hdl-step-item-f3k91\">\n        <div class=\"hdl-step-img-wrap-f3k91\">\n          <img decoding=\"async\" src=\"3 - 1.jpg\" alt=\"Roasting\" class=\"hdl-step-img-f3k91\">\n        <\/div>\n        <div class=\"hdl-step-content-f3k91\">\n          <span class=\"hdl-step-num-f3k91\">03<\/span>\n          <h3 class=\"hdl-step-title-f3k91\">Roasting<\/h3>\n          <p class=\"hdl-step-desc-f3k91\">Expertly roasted to bring out rich flavour.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hdl-step-arrow-f3k91\">&rsaquo;<\/div>\n\n      <!-- Step 04 -->\n      <div class=\"hdl-step-item-f3k91\">\n        <div class=\"hdl-step-img-wrap-f3k91\">\n          <img decoding=\"async\" src=\"image_fc253b.jpg\" alt=\"Quality Check\" class=\"hdl-step-img-f3k91\">\n        <\/div>\n        <div class=\"hdl-step-content-f3k91\">\n          <span class=\"hdl-step-num-f3k91\">04<\/span>\n          <h3 class=\"hdl-step-title-f3k91\">Quality Check<\/h3>\n          <p class=\"hdl-step-desc-f3k91\">Rigorous testing for consistent quality.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hdl-step-arrow-f3k91\">&rsaquo;<\/div>\n\n      <!-- Step 05 -->\n      <div class=\"hdl-step-item-f3k91\">\n        <div class=\"hdl-step-img-wrap-f3k91\">\n          <img decoding=\"async\" src=\"1-1.jpg\" alt=\"Packaging\" class=\"hdl-step-img-f3k91\">\n        <\/div>\n        <div class=\"hdl-step-content-f3k91\">\n          <span class=\"hdl-step-num-f3k91\">05<\/span>\n          <h3 class=\"hdl-step-title-f3k91\">Packaging<\/h3>\n          <p class=\"hdl-step-desc-f3k91\">Freshly packed to preserve goodness.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.hdl-sec-f3k91 *,\n.hdl-sec-f3k91 *::before,\n.hdl-sec-f3k91 *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.hdl-sec-f3k91 {\n  width: 100%;\n  background-color: #FFFFFF;\n  padding: 80px 4%;\n  font-family: 'Manrope', sans-serif;\n}\n\n.hdl-container-f3k91 {\n  max-width: 1400px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 360px 1fr;\n  gap: 40px;\n  align-items: center;\n}\n\n\/* Left Column *\/\n.hdl-left-col-f3k91 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.hdl-eyebrow-f3k91 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  color: #007A3D;\n  margin-bottom: 16px;\n  text-transform: uppercase;\n}\n\n.hdl-title-f3k91 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(38px, 4.2vw, 54px);\n  font-weight: 600;\n  line-height: 1.1;\n  color: #242424;\n  margin-bottom: 20px;\n}\n\n.hdl-desc-f3k91 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 14.5px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: #5F6662;\n}\n\n\/* Right Column Grid *\/\n.hdl-right-col-f3k91 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.hdl-step-item-f3k91 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  flex: 1;\n}\n\n.hdl-step-img-wrap-f3k91 {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background-color: #FFFFFF;\n  border: 1px solid #DCE6E0;\n  overflow: hidden;\n  margin-bottom: 16px;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.hdl-step-img-f3k91 {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.hdl-step-content-f3k91 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.hdl-step-num-f3k91 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  color: #007A3D;\n  margin-bottom: 4px;\n}\n\n.hdl-step-title-f3k91 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 19px;\n  font-weight: 600;\n  color: #242424;\n  margin-bottom: 6px;\n  line-height: 1.2;\n}\n\n.hdl-step-desc-f3k91 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: #5F6662;\n  max-width: 160px;\n}\n\n.hdl-step-arrow-f3k91 {\n  font-size: 22px;\n  color: #DCE6E0;\n  font-weight: 300;\n  margin-bottom: 50px;\n  flex-shrink: 0;\n}\n\n\/* Responsive Media Queries *\/\n@media (max-width: 1200px) {\n  .hdl-container-f3k91 {\n    grid-template-columns: 1fr;\n    gap: 50px;\n    text-align: center;\n  }\n  \n  .hdl-left-col-f3k91 {\n    align-items: center;\n  }\n\n  .hdl-desc-f3k91 {\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n@media (max-width: 900px) {\n  .hdl-right-col-f3k91 {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px 15px;\n  }\n  .hdl-step-arrow-f3k91 {\n    display: none;\n  }\n}\n\n@media (max-width: 600px) {\n  .hdl-right-col-f3k91 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 400px) {\n  .hdl-right-col-f3k91 {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  const section = document.querySelector('.hdl-sec-f3k91');\n  if (!section) return;\n  \/\/ Section-scoped initialization completed successfully\n})();\n<\/script>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2097507270 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_52829511\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<section class=\"hdl-sec-s8k21\">\n  <div class=\"hdl-container-s8k21\">\n    \n    <!-- Left Column: Title & Description -->\n    <div class=\"hdl-left-col-s8k21\">\n      <div class=\"hdl-eyebrow-s8k21\">OUR STANDARDS<\/div>\n      <h2 class=\"hdl-title-s8k21\">Certified Quality.<br>Trusted by You.<\/h2>\n      <p class=\"hdl-desc-s8k21\">\n        We follow stringent quality standards to ensure our coffee is safe, pure and consistently exceptional.\n      <\/p>\n    <\/div>\n\n    <!-- Right Column: 5 Certification Badges -->\n    <div class=\"hdl-right-col-s8k21\">\n      \n      <!-- Badge 1: 100% Natural -->\n      <div class=\"hdl-badge-card-s8k21\">\n        <div class=\"hdl-badge-circle-s8k21\">\n          <span class=\"hdl-badge-icon-s8k21\">\ud83c\udf31<\/span>\n        <\/div>\n        <div class=\"hdl-badge-label-s8k21\">\n          <strong>100%<\/strong><br>Natural\n        <\/div>\n      <\/div>\n\n      <!-- Badge 2: FDA Compliant -->\n      <div class=\"hdl-badge-card-s8k21\">\n        <div class=\"hdl-badge-circle-s8k21\">\n          <span class=\"hdl-badge-icon-s8k21\">\ud83d\udee1\ufe0f<\/span>\n        <\/div>\n        <div class=\"hdl-badge-label-s8k21\">\n          <strong>FDA<\/strong><br>Compliant\n        <\/div>\n      <\/div>\n\n      <!-- Badge 3: HACCP Standards -->\n      <div class=\"hdl-badge-card-s8k21\">\n        <div class=\"hdl-badge-circle-s8k21\">\n          <span class=\"hdl-badge-icon-s8k21\">\u2705<\/span>\n        <\/div>\n        <div class=\"hdl-badge-label-s8k21\">\n          <strong>HACCP<\/strong><br>Standards\n        <\/div>\n      <\/div>\n\n      <!-- Badge 4: Quality Tested -->\n      <div class=\"hdl-badge-card-s8k21\">\n        <div class=\"hdl-badge-circle-s8k21\">\n          <span class=\"hdl-badge-icon-s8k21\">\u2714<\/span>\n        <\/div>\n        <div class=\"hdl-badge-label-s8k21\">\n          <strong>Quality<\/strong><br>Tested\n        <\/div>\n      <\/div>\n\n      <!-- Badge 5: Globally Trusted -->\n      <div class=\"hdl-badge-card-s8k21\">\n        <div class=\"hdl-badge-circle-s8k21\">\n          <span class=\"hdl-badge-icon-s8k21\">\ud83c\udf0d<\/span>\n        <\/div>\n        <div class=\"hdl-badge-label-s8k21\">\n          <strong>Globally<\/strong><br>Trusted\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.hdl-sec-s8k21 *,\n.hdl-sec-s8k21 *::before,\n.hdl-sec-s8k21 *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.hdl-sec-s8k21 {\n  width: 100%;\n  background-color: #FFFFFF;\n  padding: 80px 4%;\n  font-family: 'Manrope', sans-serif;\n}\n\n.hdl-container-s8k21 {\n  max-width: 1360px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 60px;\n}\n\n\/* Left Column *\/\n.hdl-left-col-s8k21 {\n  flex: 1.1;\n  max-width: 540px;\n}\n\n.hdl-eyebrow-s8k21 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  color: #007A3D;\n  margin-bottom: 16px;\n  text-transform: uppercase;\n}\n\n.hdl-title-s8k21 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(38px, 4.5vw, 56px);\n  font-weight: 600;\n  line-height: 1.1;\n  color: #242424;\n  margin-bottom: 20px;\n}\n\n.hdl-desc-s8k21 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: #5F6662;\n  max-width: 440px;\n}\n\n\/* Right Column Badges Grid *\/\n.hdl-right-col-s8k21 {\n  flex: 1.4;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: #F7F8F5;\n  border: 1px solid #DCE6E0;\n  border-radius: 12px;\n  padding: 40px 30px;\n  gap: 15px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);\n}\n\n.hdl-badge-card-s8k21 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  flex: 1;\n  position: relative;\n}\n\n\/* Subtle vertical dividers between badge items *\/\n.hdl-badge-card-s8k21:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  top: 20%;\n  right: 0;\n  width: 1px;\n  height: 60%;\n  background-color: #DCE6E0;\n}\n\n.hdl-badge-circle-s8k21 {\n  width: 72px;\n  height: 72px;\n  background-color: #FFFFFF;\n  border: 1px solid #DCE6E0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 14px;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n}\n\n.hdl-badge-icon-s8k21 {\n  font-size: 26px;\n}\n\n.hdl-badge-label-s8k21 {\n  font-family: 'Manrope', sans-serif;\n  font-size: 12px;\n  color: #5F6662;\n  line-height: 1.35;\n  font-weight: 500;\n}\n\n.hdl-badge-label-s8k21 strong {\n  color: #242424;\n  font-weight: 700;\n  font-size: 13.5px;\n}\n\n\/* Responsive Media Queries *\/\n@media (max-width: 1024px) {\n  .hdl-container-s8k21 {\n    flex-direction: column;\n    gap: 40px;\n  }\n\n  .hdl-left-col-s8k21 {\n    max-width: 100%;\n    text-align: center;\n  }\n\n  .hdl-desc-s8k21 {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .hdl-right-col-s8k21 {\n    width: 100%;\n  }\n}\n\n@media (max-width: 768px) {\n  .hdl-right-col-s8k21 {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px 15px;\n  }\n  .hdl-badge-card-s8k21::after {\n    display: none !important;\n  }\n}\n\n@media (max-width: 480px) {\n  .hdl-right-col-s8k21 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  const section = document.querySelector('.hdl-sec-s8k21');\n  if (!section) return;\n  \/\/ Section-scoped initialization completed successfully\n})();\n<\/script>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_52829511 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hdlcoffee.com\/index.php\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hdlcoffee.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hdlcoffee.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hdlcoffee.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hdlcoffee.com\/index.php\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":3,"href":"https:\/\/hdlcoffee.com\/index.php\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/hdlcoffee.com\/index.php\/wp-json\/wp\/v2\/pages\/48\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/hdlcoffee.com\/index.php\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}