.elementor-4370 .elementor-element.elementor-element-ee298cd{--display:flex;}.elementor-4370 .elementor-element.elementor-element-30bc462{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4370 .elementor-element.elementor-element-59abbb9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4370 .elementor-element.elementor-element-3824973{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4370 .elementor-element.elementor-element-098d904{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:1px 1px 12px 1px rgba(0,0,0,0.5);}.elementor-4370 .elementor-element.elementor-element-098d904:not(.elementor-motion-effects-element-type-background), .elementor-4370 .elementor-element.elementor-element-098d904 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFE;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4370 .elementor-element.elementor-element-ce2a465 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#070707;}.elementor-4370 .elementor-element.elementor-element-a9a41ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4370 .elementor-element.elementor-element-bc27ff8{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4370 .elementor-element.elementor-element-cd990f4{--display:flex;}.elementor-4370 .elementor-element.elementor-element-dd27cad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4370 .elementor-element.elementor-element-5bc83d4 .elementor-button{background-color:#5B5D5B;border-style:solid;border-radius:19px 19px 19px 19px;}.elementor-4370 .elementor-element.elementor-element-5bc83d4 .elementor-button:hover, .elementor-4370 .elementor-element.elementor-element-5bc83d4 .elementor-button:focus{background-color:#FFFCFC;color:#000000;border-color:#989494;}.elementor-4370 .elementor-element.elementor-element-5bc83d4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4370 .elementor-element.elementor-element-5bc83d4 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-4370 .elementor-element.elementor-element-5bc83d4 .elementor-button:hover svg, .elementor-4370 .elementor-element.elementor-element-5bc83d4 .elementor-button:focus svg{fill:#000000;}.elementor-4370 .elementor-element.elementor-element-56e4a24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4370 .elementor-element.elementor-element-56e4a24:not(.elementor-motion-effects-element-type-background), .elementor-4370 .elementor-element.elementor-element-56e4a24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E1E1;}.elementor-4370 .elementor-element.elementor-element-7372d2c .elementor-heading-title{color:#060606;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4370 .elementor-element.elementor-element-a213dc0{--grid-row-gap:20px;--grid-column-gap:15px;}.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.65 * 100% );}.elementor-4370 .elementor-element.elementor-element-a213dc0:after{content:"0.65";}.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-post__thumbnail__link{width:100%;}.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-post__meta-data span + span:before{content:"•";}.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-post__card{border-radius:15px;padding-top:0px;padding-bottom:0px;}.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-post__text{padding:0 14px;margin-top:20px;}.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-post__meta-data{padding:10px 14px;}.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-post__avatar{padding-right:14px;padding-left:14px;}.elementor-4370 .elementor-element.elementor-element-7ebdb06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4370 .elementor-element.elementor-element-4205bd2 .elementor-heading-title{color:#232323;}.elementor-4370 .elementor-element.elementor-element-cf6bf8a{--display:flex;}.elementor-4370 .elementor-element.elementor-element-ae6a61e{--display:flex;}.elementor-4370 .elementor-element.elementor-element-a14a4f8{--display:flex;}.elementor-4370 .elementor-element.elementor-element-3599918{--display:flex;}.elementor-4370 .elementor-element.elementor-element-fe62693{--display:flex;}.elementor-4370 .elementor-element.elementor-element-92c581d{--display:flex;}.elementor-4370 .elementor-element.elementor-element-952a9e0{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}@media(max-width:767px){.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4370 .elementor-element.elementor-element-a213dc0:after{content:"0.5";}.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-fe2d86c */.hero-wrapper {
    display: flex;
    flex-wrap: wrap;
    background-color: #f0f5f1; /* Light greenish background */
    font-family: 'Arial', sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }

  /* Left Content Section */
  .hero-content {
    flex: 1;
    padding: 60px 40px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* Featured Badge */
  .featured-badge {
    display: inline-block;
    background: white;
    color: #8dae84;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    width: fit-content;
  }

  /* Heading */
  .hero-content h1 {
    font-family: 'Times New Roman', serif;
    font-size: 42px;
    line-height: 1.2;
    color: #1a1a1a;
    margin-bottom: 20px;
    font-weight: 500;
  }

  /* Description Text */
  .hero-content p.description {
    color: #4a4a4a;
    line-height: 1.6;
    margin-bottom: 30px;
    font-size: 15px;
  }

  /* Benefits List */
  .benefits-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
  }

  .benefits-list li {
    display: flex;
    align-items: start;
    margin-bottom: 12px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
  }

  .check-icon {
    background-color: #5d9e46;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 12px;
    flex-shrink: 0;
  }

  /* Buttons */
  .btn-container {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
  }

  .btn {
    padding: 12px 24px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    transition: 0.3s;
    display: inline-block;
  }

  .btn-primary {
    background-color: #4f7a38;
    color: white;
    border: 2px solid #4f7a38;
  }
  
  .btn-primary:hover {
    background-color: #3e612c;
  }

  .btn-outline {
    background-color: transparent;
    color: #8dae84;
    border: 1px solid #8dae84;
  }
  
  .btn-outline:hover {
    background-color: #e6efe6;
  }

  /* Right Image Section */
  .hero-image {
    flex: 1;
    min-width: 300px;
    background-image: url('https://chocolate-cassowary-569329.hostingersite.com/wp-content/uploads/2025/12/jointgen-pain-relief-supplementsa.png'); /* Placeholder image */
    
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 800px;
  }

  /* Flash Sale Badge (Orange Circle) */
  .flash-sale {
    position: absolute;
    top: 200px;
    left: -30px; /* Overlaps image boundary */
    background-color: #f25c24;
    color: white;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    z-index: 2;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  }

  /* USDA Badge (Simulated with text/css) */
  .usda-badge {
    position: absolute;
    top: 285px;
    left: -25px;
    background: white;
    border: 2px solid #5d9e46;
    color: #5d9e46;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    z-index: 2;
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
    .hero-wrapper {
      flex-direction: column-reverse; /* Image on top for mobile */
    }
    .hero-image {
      height: 400px;
      flex: none;
    }
    .flash-sale {
      top: 20px;
      left: 20px;
    }
    .usda-badge {
      top: 110px;
      left: 20px;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3f5b31 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

  /* Container */
  .process-section {
    font-family: 'Poppins', sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
    background-color: #fff;
    text-align: center;
  }

  /* Heading Section */
  .process-header h2 {
    font-size: 36px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
  }

  .process-header h2 span {
    color: #e63946; /* Red color for 'Process' */
  }

  .process-header p {
    color: #666;
    font-size: 16px;
    max-width: 1000px;
    margin: 0 auto 50px auto;
    line-height: 1.5;
    margin-top: 30px;
  }

  /* Steps Container (Flexbox) */
  .steps-container {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
  }

  /* Individual Step Card */
  .step-card {
    flex: 1;
    min-width: 280px; /* Minimum width before stacking */
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Step Title */
  .step-title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
  }

  /* Image Placeholder Area */
  .step-image {
    width: 100%;
    max-width: 280px;
    height: 200px;
    margin-bottom: 20px;
    object-fit: contain;
  }

  /* Divider Line */
  .step-divider {
    width: 100%; /* Full width line */
    height: 1px;
    background-color: #ddd;
    margin: 20px 0;
  }

  /* Description Text */
  .step-desc {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    text-align: left; /* Text aligns left as per design */
    padding: 0 10px;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .steps-container {
      flex-direction: column;
      align-items: center;
    }
    .step-card {
      width: 100%;
      max-width: 350px;
      margin-bottom: 40px;
    }
    .process-header h2 {
      font-size: 28px;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-294ae35 */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

  /* Main Container */
  .solutions-wrapper {
    background-color: #f5f2eb; /* Creamy background color */
    padding: 80px 20px;
    font-family: 'DM Sans', sans-serif;
    color: #1a1a1a;
  }

  /* Header Section */
  .solutions-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px auto;
  }

  .solutions-header h2 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1a1a1a;
    line-height: 1.2;
  }

  .solutions-header p {
    font-size: 16px;
    color: #4a4a4a;
    font-weight: 400;
  }

  /* Grid Layout for Features */
  .features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 Columns */
    gap: 40px 60px; /* Vertical gap 40px, Horizontal gap 60px */
    max-width: 1000px;
    margin: 0 auto;
  }

  /* Individual Feature Card */
  .feature-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }

  /* Icon Circle styling */
  .icon-circle {
    background-color: #ffffff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* Prevents circle from shrinking */
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  }

  .icon-circle img {
    width: 40px;
    height: 40px;
    object-fit: contain;
  }

  /* Text Content styling */
  .feature-text h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #000;
  }

  .feature-text p {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
    margin: 0;
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
    .features-grid {
      grid-template-columns: 1fr; /* 1 Column on mobile */
      gap: 40px;
    }
    
    .solutions-header h2 {
      font-size: 28px;
    }

    .feature-card {
      flex-direction: column; /* Icon on top, text below on mobile (optional) */
      align-items: center;
      text-align: center;
    }
  }/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-a213dc0 */.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-posts-container {
    display: flex !important;
    overflow-x: auto !important;
    gap: 15px !important;
    padding: 20px 0 !important;
    scrollbar-width: thin;
}

.elementor-4370 .elementor-element.elementor-element-a213dc0 .elementor-post {
    flex: 0 0 200px !important;
    min-width: 200px !important;
}/* End custom CSS */