.elementor-2296 .elementor-element.elementor-element-0299ad5{--display:flex;}.elementor-2296 .elementor-element.elementor-element-6eee75f{--display:flex;}.elementor-2296 .elementor-element.elementor-element-9ef2a56{--display:flex;}.elementor-2296 .elementor-element.elementor-element-62f08ae{--display:flex;}.elementor-2296 .elementor-element.elementor-element-fb0d794{--display:flex;}.elementor-2296 .elementor-element.elementor-element-ff66d6a{--display:flex;}.elementor-2296 .elementor-element.elementor-element-e090670{--display:flex;--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-2296 .elementor-element.elementor-element-c7cff93 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2296 .elementor-element.elementor-element-e090670{--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-2296 .elementor-element.elementor-element-c7cff93 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-99a119c */@media (max-width: 768px) {
  h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin-top: 0.5rem !important;
    white-space: normal !important;
    letter-spacing: normal !important;
  }

  p {
    font-size: 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e2438b *//* Target both boxed and full containers */
.elementor-element.e-con-boxed,
.elementor-element.e-con {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}

.elementor-element.e-con-boxed > .e-con-inner,
.elementor-element.e-con > .e-con-inner {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f772330 */@media (max-width: 900px) {
  div[style*="display: flex"] {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  /* Make all items full width */
  .fade-in-slide {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    margin-bottom: 2rem;
  }
  .fade-in-slide img {
    position: relative !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
  }
  h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  p {
    font-size: 16px !important;
  }

  /* Reorder: text (currently 2nd child) first, images (1st and 3rd child) after */
  .fade-in-slide:nth-child(2) {
    order: 0 !important; /* Text container first */
  }
  .fade-in-slide:nth-child(1),
  .fade-in-slide:nth-child(3) {
    order: 1 !important; /* Images come after */
  }
}/* End custom CSS */