.elementor-4258 .elementor-element.elementor-element-d75e8e6{--display:flex;}.elementor-4258 .elementor-element.elementor-element-b44b5d9 > .elementor-widget-container{background-image:url("https://swapaland.com/wp-content/uploads/2024/04/pattern-large-scaled.jpg");}.elementor-4258 .elementor-element.elementor-element-33d028d{--display:flex;}.elementor-4258 .elementor-element.elementor-element-0af3c34{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-b44b5d9 */.banner-content {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  color: white;
  text-align: left;  /* left align always */
  background: rgba(0,0,0,0.4);
  padding: 1.25rem;
  border-radius: 12px;
  max-width: calc(100% - 4rem);
}

@media (max-width: 700px){
  :root{
    --banner-height: 50vh;
  }
  .banner-inner {
    margin-left: 1rem;
    padding: 1rem;
  }
  .banner-content {
    flex-direction: column;
    align-items: flex-start;   /* align left on mobile */
    gap: 0.75rem;
    text-align: left;          /* force left align */
  }
  .banner-graphic {
    width: calc(var(--banner-height) * 0.5);
    height: calc(var(--banner-height) * 0.5);
    border-radius: 8px;
  }
  .banner-text h1{
    font-size: 1.45rem;
  }
  /* Show mobile text and hide desktop text on small screens */
  .desktop-text {
    display: none;
  }
  .mobile-text {
    display: block;
  }
}/* End custom CSS */