.elementor-7420 .elementor-element.elementor-element-2dc4b51{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7420 .elementor-element.elementor-element-3f6de70{--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-7420 .elementor-element.elementor-element-0ce7eb8{--display:flex;border-style:none;--border-style:none;}.elementor-7420 .elementor-element.elementor-element-26a50db{--display:flex;border-style:none;--border-style:none;}.elementor-7420 .elementor-element.elementor-element-b2a0a73{--display:flex;border-style:none;--border-style:none;}.elementor-7420 .elementor-element.elementor-element-1ebd6d1{--display:flex;border-style:none;--border-style:none;}.elementor-7420 .elementor-element.elementor-element-f5b43ff{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-icon-size:15px;}.elementor-7420 .elementor-element.elementor-element-f5b43ff > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-2f9a588 );}.elementor-7420 .elementor-element.elementor-element-f5b43ff > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-2f9a588 );}.elementor-7420 .elementor-element.elementor-element-f5b43ff > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:solid;border-width:2px 2px 2px 2px;}@media(min-width:768px){.elementor-7420 .elementor-element.elementor-element-3f6de70{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-a386780 */.custom-accordion {
    direction: ltr;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  gap: 2rem;
  padding: 2rem;
}

.accordion-section {
  flex: 1;
}

.image-section {
  flex: 1;
  position: relative;
}

.accordion-item {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}

.accordion-header {
  background: #f9fafb;
  padding: 1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

.accordion-header:hover {
  background: #f3f4f6;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: white;
}

.accordion-content.active {
  max-height: 200px;
  padding: 1rem;
}

.accordion-header::after {
  content: '+';
  font-size: 1.5rem;
  transition: transform 0.3s ease;
}

.accordion-header.active::after {
  content: '-';
}

.dynamic-image {
  width: 100%;
  height: 400px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 0.5rem;
}

.dynamic-image.active {
  opacity: 1;
}/* End custom CSS */