.elementor-41978 .elementor-element.elementor-element-e1a0342{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-41978 .elementor-element.elementor-element-e1a0342:not(.elementor-motion-effects-element-type-background), .elementor-41978 .elementor-element.elementor-element-e1a0342 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1EDE5;}.elementor-41978 .elementor-element.elementor-element-e1a0342.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-41978 .elementor-element.elementor-element-e0e6b06{--display:flex;--min-height:384px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41978 .elementor-element.elementor-element-e0e6b06.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-41978 .elementor-element.elementor-element-b354a44 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-41978 .elementor-element.elementor-element-51ab621{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 00px;--row-gap:20px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41978 .elementor-element.elementor-element-51ab621:not(.elementor-motion-effects-element-type-background), .elementor-41978 .elementor-element.elementor-element-51ab621 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-41978 .elementor-element.elementor-element-51ab621.e-con{--align-self:center;}.elementor-41978 .elementor-element.elementor-element-c65262c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 020px;--row-gap:20px;--column-gap:020px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41978 .elementor-element.elementor-element-c65262c:not(.elementor-motion-effects-element-type-background), .elementor-41978 .elementor-element.elementor-element-c65262c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F0EE;}.elementor-41978 .elementor-element.elementor-element-c65262c.e-con{--align-self:center;}.elementor-41978 .elementor-element.elementor-element-0856758 > .elementor-widget-container{padding:0px 20px 0px 30px;}.elementor-41978 .elementor-element.elementor-element-f941af7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41978 .elementor-element.elementor-element-f941af7:not(.elementor-motion-effects-element-type-background), .elementor-41978 .elementor-element.elementor-element-f941af7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-41978 .elementor-element.elementor-element-f941af7.e-con{--align-self:center;}.elementor-41978 .elementor-element.elementor-element-484965f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41978 .elementor-element.elementor-element-484965f:not(.elementor-motion-effects-element-type-background), .elementor-41978 .elementor-element.elementor-element-484965f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-41978 .elementor-element.elementor-element-484965f.e-con{--align-self:center;}.elementor-41978 .elementor-element.elementor-element-1fe4b1e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-41978 .elementor-element.elementor-element-a591a56{--display:flex;}@media(max-width:767px){.elementor-41978 .elementor-element.elementor-element-b354a44 > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-41978 .elementor-element.elementor-element-51ab621{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-41978 .elementor-element.elementor-element-c65262c{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}}@media(min-width:768px){.elementor-41978 .elementor-element.elementor-element-e1a0342{--width:100%;}.elementor-41978 .elementor-element.elementor-element-e0e6b06{--width:100%;}.elementor-41978 .elementor-element.elementor-element-51ab621{--content-width:1360px;}.elementor-41978 .elementor-element.elementor-element-c65262c{--content-width:1360px;}.elementor-41978 .elementor-element.elementor-element-f941af7{--content-width:1360px;}.elementor-41978 .elementor-element.elementor-element-484965f{--content-width:1360px;}}/* Start custom CSS for container, class: .elementor-element-e0e6b06 */.elementor-41978 .elementor-element.elementor-element-e0e6b06 {

  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e1a0342 */.elementor-41978 .elementor-element.elementor-element-e1a0342 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-41978 .elementor-element.elementor-element-e1a0342 > .e-con-inner {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e2af91 *//* --- Styles for Two-Column How It Works --- */

/* Main container for the whole section */
.how-it-works-two-col {
  padding: 40px 20px; /* Add space around the section */
  max-width: 1200px; /* Control overall width */
  margin: 0 auto; /* Center the section */
}

/* Optional Heading Styles */

.section-subheading {
  text-align: center;
  font-family: 'Inter', sans-serif;
  color: #4D4D4D;
  font-size: 16px; /* Adjust size */
  margin-bottom: 40px; /* Space below subheading */
}

/* Inner container that holds the two columns */
.inner-container {
  display: flex; /* Creates the side-by-side columns */
  flex-wrap: wrap; /* Allows columns to stack on small screens */
  gap: 40px; /* Space BETWEEN the left (steps) and right (image) columns */
  align-items: flex-start; /* Align columns at the top */
}

/* Left column containing the steps */
.steps-column {
  flex: 1; /* Allows column to grow/shrink */
  min-width: 300px; /* Minimum width before wrapping */
  /* You could also use flex-basis: 50%; or width: 50%; if you prefer fixed widths */
}

/* Right column containing the image */
.image-column {
  flex: 1; /* Allows column to grow/shrink */
  min-width: 300px; /* Minimum width before wrapping */
  /* You could also use flex-basis: 50%; or width: 50%; */
  position: sticky; /* Optional: Makes image stick on scroll */
  top: 20px; /* Optional: Offset for sticky positioning */
}

/* Individual step item (Icon + Text block) */
.step-item-vertical {
  display: flex; /* Aligns icon and text side-by-side */
  align-items: flex-start; /* Aligns icon top with text top */
  margin-bottom: 30px; /* <<< SPACE BETWEEN EACH STEP ITEM VERTICALLY */
  gap: 20px; /* Space between icon and text block */
}

/* Remove margin from the last step item */
.steps-column .step-item-vertical:last-child {
  margin-bottom: 0;
}

/* Icon Styling */
.step-icon {
  width: 80px; /* Adjust icon size */
  height: 60px; /* Adjust icon size */
  object-fit: contain;
  flex-shrink: 0; /* Prevent icon from shrinking */
  margin-top: 5px; /* Adjust vertical alignment if needed */
}

/* Text content container within a step */
.step-text-content {
  flex-grow: 1; /* Allows text to take remaining space */
}

/* Step Title Styling */
.step-title {
  font-family: 'Playfair Display', serif;
  font-size: 20px; /* Adjust size */
  color: #26432F;
  font-weight: 600;
  margin: 0 0 8px 0; /* Space below title */
}

/* Step Description Styling */
.step-description {
  font-family: 'Inter', sans-serif;
  font-size: 15px; /* Adjust size */
  color: #4D4D4D;
  line-height: 1.6;
  margin: 0;
}

/* Image placeholder/container styling */
.static-image-placeholder img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px; /* Example styling */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Example styling */
}

/* --- Responsive Styling --- */
@media (max-width: 767px) {
  .inner-container {
    flex-direction: column; /* Stack columns on mobile */
  }
  .image-column {
    order: -1; /* Move image above text on mobile (optional) */
    position: static; /* Disable sticky on mobile */
    margin-bottom: 30px; /* Add space below image when stacked */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ab621 */.search-container {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 32px;
}

.search-container select,
.search-container input[type="text"] {
  padding: 14px 20px;
  border: 2px solid #26432F;
  border-radius: 50px;
  background: transparent;
  color: #26432F;
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  width: 350px;
  max-width: 90%;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.search-container input::placeholder {
  color: #26432F;
  opacity: 0.7;
}

.search-container input:focus,
.search-container select:focus {
  border-color: #1B2E22;
  outline: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c65262c */.search-container {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 32px;
}

.search-container select,
.search-container input[type="text"] {
  padding: 14px 20px;
  border: 2px solid #26432F;
  border-radius: 50px;
  background: transparent;
  color: #26432F;
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  width: 350px;
  max-width: 90%;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.search-container input::placeholder {
  color: #26432F;
  opacity: 0.7;
}

.search-container input:focus,
.search-container select:focus {
  border-color: #1B2E22;
  outline: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fe4b1e */.elementor-41978 .elementor-element.elementor-element-1fe4b1e h2 {
  font-family: 'Playfair Display', serif !important;
}/* End custom CSS */