.elementor-207 .elementor-element.elementor-element-ef505ac{--display:flex;}.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 );}/* Start custom CSS for text-editor, class: .elementor-element-f7265ec */<style>
    * {<br />      margin: 0;<br />      padding: 0;<br />      box-sizing: border-box;<br />    }</p>
<p>    body {<br />      font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;<br />      background: #f6f9f0;<br />      color: #1e2a1c;<br />      line-height: 1.5;<br />      padding: 20px;<br />    }</p>
<p>    .container {<br />      max-width: 1200px;<br />      margin: 0 auto;<br />      background: white;<br />      border-radius: 32px;<br />      box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);<br />      overflow: hidden;<br />      padding: 30px 35px 50px;<br />    }</p>
<p>    /* Typography */<br />    h1 {<br />      font-size: 2.2rem;<br />      font-weight: 700;<br />      color: #1f4f2b;<br />      border-left: 8px solid #6fbf4c;<br />      padding-left: 20px;<br />      margin-bottom: 20px;<br />      letter-spacing: -0.3px;<br />    }</p>
<p>    h2 {<br />      font-size: 1.8rem;<br />      font-weight: 600;<br />      color: #2b5e2f;<br />      margin-top: 40px;<br />      margin-bottom: 16px;<br />      padding-bottom: 6px;<br />      border-bottom: 3px solid #dce8d2;<br />    }</p>
<p>    h3 {<br />      font-size: 1.4rem;<br />      font-weight: 600;<br />      color: #3b6e3e;<br />      margin: 25px 0 12px 0;<br />    }</p>
<p>    p {<br />      margin-bottom: 1.2rem;<br />      font-size: 1.05rem;<br />      color: #2c3a2b;<br />    }</p>
<p>    /* Photo gallery / image sections */<br />    .photo-row {<br />      display: flex;<br />      flex-wrap: wrap;<br />      gap: 24px;<br />      margin: 30px 0 25px;<br />      justify-content: center;<br />    }</p>
<p>    .photo-card {<br />      flex: 1;<br />      min-width: 240px;<br />      background: #fefef5;<br />      border-radius: 28px;<br />      box-shadow: 0 8px 20px rgba(0,0,0,0.05);<br />      overflow: hidden;<br />      transition: transform 0.2s ease;<br />    }</p>
<p>    .photo-card:hover {<br />      transform: translateY(-5px);<br />    }</p>
<p>    .photo-placeholder {<br />      background: #e0f0da;<br />      height: 200px;<br />      display: flex;<br />      align-items: center;<br />      justify-content: center;<br />      font-size: 0.9rem;<br />      color: #3c6e3f;<br />      font-weight: 500;<br />      text-align: center;<br />      flex-direction: column;<br />      background-image: repeating-linear-gradient(45deg, #c8e0bb22 0px, #c8e0bb22 30px, #b1d4a022 30px, #b1d4a022 60px);<br />    }</p>
<p>    .photo-placeholder span {<br />      background: rgba(255,255,240,0.85);<br />      padding: 6px 14px;<br />      border-radius: 40px;<br />      font-size: 0.85rem;<br />    }</p>
<p>    .photo-caption {<br />      padding: 12px 16px;<br />      background: white;<br />      font-size: 0.9rem;<br />      font-weight: 500;<br />      border-top: 1px solid #ebf2e4;<br />      color: #2f5e33;<br />    }</p>
<p>    /* Table styling */<br />    .comparison-table {<br />      width: 100%;<br />      border-collapse: collapse;<br />      margin: 25px 0;<br />      background: #ffffff;<br />      border-radius: 20px;<br />      overflow: hidden;<br />      box-shadow: 0 2px 8px rgba(0,0,0,0.03);<br />    }</p>
<p>    .comparison-table th, .comparison-table td {<br />      border: 1px solid #dde9d4;<br />      padding: 12px 16px;<br />      text-align: left;<br />      vertical-align: top;<br />    }</p>
<p>    .comparison-table th {<br />      background: #eef6e8;<br />      font-weight: 700;<br />      color: #1d4d23;<br />    }</p>
<p>    /* Tips & bullet lists */<br />    ul, ol {<br />      margin: 0 0 1.2rem 1.5rem;<br />    }</p>
<p>    li {<br />      margin-bottom: 0.4rem;<br />      font-size: 1.02rem;<br />    }</p>
<p>    .tip-box {<br />      background: #edf7e7;<br />      border-left: 6px solid #6fbf4c;<br />      padding: 18px 25px;<br />      border-radius: 20px;<br />      margin: 25px 0;<br />    }</p>
<p>    .tip-box strong {<br />      color: #2c6e2f;<br />    }</p>
<p>    /* FAQ accordion style */<br />    .faq-item {<br />      background: #fefaf0;<br />      border-radius: 24px;<br />      margin-bottom: 14px;<br />      border: 1px solid #deecd2;<br />      overflow: hidden;<br />    }</p>
<p>    .faq-question {<br />      background: #ffffff;<br />      padding: 16px 24px;<br />      font-weight: 700;<br />      font-size: 1.1rem;<br />      cursor: pointer;<br />      transition: background 0.2s;<br />      display: flex;<br />      justify-content: space-between;<br />      align-items: center;<br />      color: #1f5429;<br />    }</p>
<p>    .faq-question:hover {<br />      background: #f2f9ec;<br />    }</p>
<p>    .faq-question:after {<br />      content: "<img draggable="false" role="img" class="emoji" alt="➕" src="https://s.w.org/images/core/emoji/17.0.2/svg/2795.svg">";<br />      font-size: 1.2rem;<br />      color: #6fbf4c;<br />    }</p>
<p>    .faq-item.active .faq-question:after {<br />      content: "<img draggable="false" role="img" class="emoji" alt="➖" src="https://s.w.org/images/core/emoji/17.0.2/svg/2796.svg">";<br />    }</p>
<p>    .faq-answer {<br />      max-height: 0;<br />      overflow: hidden;<br />      transition: max-height 0.3s ease-out;<br />      background: #fefef9;<br />      padding: 0 24px;<br />      border-top: 0px solid #e2f0da;<br />    }</p>
<p>    .faq-item.active .faq-answer {<br />      max-height: 350px;<br />      padding: 0 24px 18px 24px;<br />      border-top-width: 1px;<br />    }</p>
<p>    .faq-answer p {<br />      margin: 15px 0 0 0;<br />    }</p>
<p>    /* buttons and spacing */<br />    .btn-note {<br />      display: inline-block;<br />      background: #6fbf4c20;<br />      color: #2a6e2f;<br />      border-radius: 40px;<br />      padding: 6px 15px;<br />      font-size: 0.85rem;<br />      margin: 10px 0;<br />    }</p>
<p>    footer {<br />      margin-top: 50px;<br />      text-align: center;<br />      font-size: 0.85rem;<br />      color: #6b8068;<br />      border-top: 1px solid #e0edd6;<br />      padding-top: 30px;<br />    }</p>
<p>    @media (max-width: 700px) {<br />      .container {<br />        padding: 20px 18px;<br />      }<br />      h1 {<br />        font-size: 1.8rem;<br />      }<br />      h2 {<br />        font-size: 1.5rem;<br />      }<br />      .photo-row {<br />        flex-direction: column;<br />      }<br />    }</p>
<p>    .checklist-grid {<br />      display: grid;<br />      grid-template-columns: repeat(auto-fit, minmax(240px,1fr));<br />      gap: 15px;<br />      margin: 20px 0;<br />    }<br />    .check-card {<br />      background: #f8fcf4;<br />      padding: 12px 18px;<br />      border-radius: 20px;<br />      border: 1px solid #cde2c1;<br />      font-weight: 500;<br />    }<br />  </style>/* End custom CSS */