/* Base Styles */
.smi-section-image-with-text-1 .smi-container-detail {
  flex-direction: var(--media-position);
}

.smi-section-image-with-text-1 .smi-container-detail .img-ratio {
  aspect-ratio: var(--media-ratio);
}

.smi-section-image-with-text-1 .smi-container-detail .smi-content-max-width {
  width: var(--content-max-width);
  max-width: 100%;
}

.smi-section-image-with-text-1 .smi-container-detail .smi-rich-content {
  justify-content: var(--content-alignment);
  text-align: var(--content-alignment);
}

.smi-section-image-with-text-1 .smi-container-detail .smi-w-md-40 {
  max-width: 40%;
}

.smi-section-image-with-text-1 .smi-container-detail .smi-w-md-60 {
  max-width: 60%;
}

.smi-section-image-with-text-1 .smi-container-detail .smi-rich-content-detail .smi-content-max-width {
  grid-gap: 10px 24px;
}

.smi-section-image-with-text-1 .smi-container-detail .smi-rich-content-detail .smi-content-max-width div:last-child {
  margin-bottom: 0px !important;
}

.smi-section-image-with-text-1 .smi-container-detail .smi-rich-content-media {
  overflow: visible !important;
}

/* Square 50 Variant */
.smi-section-image-with-text-1 .smi-container-detail-square-50 {
  gap: 0px;
}

.smi-section-image-with-text-1 .smi-container-detail-square-50 .smi-w-md-50 {
  width: 50%;
}

.smi-section-image-with-text-1 .smi-container-detail-square-50 .smi-content-detail-padding-row {
  padding-right: 80px;
}

.smi-section-image-with-text-1 .smi-container-detail-square-50 .smi-content-detail-padding-row-reverse {
  padding-left: 80px;
}

/* Media Queries - min-width: 992px */
@media screen and (min-width: 992px) {
  .smi-section-image-with-text-1 .smi-content-detail-padding-row {
    padding-right: 60px;
  }
  .smi-section-image-with-text-1 .smi-content-detail-padding-row-reverse {
    padding-left: 60px;
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-w-md-40 {
    max-width: 40%;
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-w-md-60 {
    max-width: 60%;
  }
}

/* Media Queries - max-width: 991.8px */
@media screen and (max-width: 991.8px) {
  .smi-section-image-with-text-1 .smi-container-detail {
    gap: 0px;
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-w-md-40,
  .smi-section-image-with-text-1 .smi-container-detail .smi-w-md-60 {
    max-width: 50%;
    width: 50%;
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-content-detail-padding-row {
    padding-right: 48px;
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-content-detail-padding-row-reverse {
    padding-left: 48px;
  }
}

/* Media Queries - max-width: 767.8px */
@media screen and (max-width: 767.8px) {
  .smi-section-image-with-text-1 .smi-container-detail .smi-content-detail-padding-row {
    padding-right: 36px;
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-content-detail-padding-row-reverse {
    padding-left: 36px;
  }
}

/* Media Queries - max-width: 575.98px */
@media screen and (max-width: 575.98px) {
  .smi-section-image-with-text-1 .smi-container-detail {
    padding-top: calc(var(--spacing-elements) * var(--no-padding-top));
    padding-bottom: calc(var(--spacing-elements) * var(--no-padding-bottom));
  }
  .smi-section-image-with-text-1 .smi-container-fluid-no-padding .smi-container-detail,
  .smi-section-image-with-text-1 .smi-content-detail-padding-row-reverse,
  .smi-section-image-with-text-1 .smi-content-detail-padding-row,
  .smi-section-image-with-text-1 .smi-content-detail-padding-desktop-position {
    padding: 0;
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-rich-content-detail {
    padding: 0 15px !important;
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-detail-container-fluid-no-padding {
    margin: 0;
    width: 100%;
    margin-inline-end: 0 !important;
  }
  .smi-section-image-with-text-1 .smi-container-detail {
    flex-direction: column-reverse;
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-rich-content-detail {
    padding-top: 0;
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-media-wrapper {
    margin-bottom: calc(var(--spacing-elements) * 24px);
  }
  .smi-section-image-with-text-1 .smi-container-detail .smi-w-md-mb {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .smi-section-image-with-text-1 .smi-container-detail {
    gap: 100px; /* Adjust as needed */
  }
}

@media (max-width: 767px) {
  .smi-section-image-with-text-1 .smi-container-detail .smi-rich-content-detail .smi-content-max-width {
    grid-gap: 0px 24px;
  }
}