/** Shopify CDN: Minification failed

Line 192:8 Unexpected "{"

**/
.Image-with-text {
  background-color: var(--background_color);
  color: var(--primary_text);
}

.imageWithText--mediaWrapper {
  position: relative;
}

.Image-with-text-InnerWrapper {
  width: 100%;
  height: 100%;
 
}

.Image-with-text-ImageBox{
  display: flex;
  flex-direction: column-reverse;
  align-items: unset;
  width: 100%;
}

.Image-with-text-ImageBox .image{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.FlexReverted .Image-with-text-ImageBox {
  order: 1;
  display: flex;
  flex-direction: column-reverse;
  align-items: unset;
}

.FlexReverted .Image-with-text-ContentBox {
  order: 2;
}

.Image-with-text-ContentBox {
  width: 100%;
  order: 2;
  color: inherit;
}

.Image-with-text-Content {
  display: flex;
  flex-direction: column;
  padding: 12px 8px 24px 8px;
}
.Image-with-text-Content .title {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.Image-with-text-Content .subtitle span,
.Image-with-text-Content .title span,
.Image-with-text-Content .paragraph p {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.Image-with-text-Content .paragraph {
  color: var(--secondary_grey);
}

.Image-with-text-Content .btn {
  min-height: 22px;
  padding: 0px 20px;
  white-space: nowrap;
  position: absolute;
}

.Image-with-text .usp-word-wrapper {
  display: flex;
}

.Image-with-text .usp-word-wrapper span {
  transform: translateY(70%);
}

.imageOverlay {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background_color);
  transform: translateY(0%);
  opacity: 1;
}

.Button--Wrapper {
  position: absolute;
  left: 0;
}
.Button--Wrapper.btnBottomCenter,
.Button--Wrapper.Button--Sticky.btnBottomCenter{
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  position: absolute;
  z-index: 5;
  margin-top: unset;
}
.Image-with-text .Button--Normal {
  text-align: start;
  min-width: 246px;
}

.Image-with-text .Button--Wrapper.btnBottomEnd{
  position: absolute;
  left: 0;
  bottom: 0;
}
.Image-with-text .Button--Wrapper.Button--Sticky.btnBottomEnd{
  position: -webkit-sticky;
  position: sticky;
  margin-top: 50%;
  bottom: 0;
}




.Button--Wrapper[aria-hidden="false"] {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.Button--Wrapper[aria-hidden="true"] {
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 1025px) {
  .Image-with-text-InnerWrapper {
    display: flex; 
    justify-content: center;
    gap: 2px;
  }

  .Image-with-text-ContentBox .title{
    margin-bottom: 12px;
  }
  .imageWithText--mediaWrapper {
    flex-basis: 50%;
    position: relative;
  }

  .Image-with-text-ImageBox {
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
  }

  .Image-with-text-ContentBox {
    width: 50%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 64px;
    padding: 24px 2px 24px 2px;
   
  }

  .Image-with-text-Content {
    padding: 0px 20px;
    gap: 64px;
  }

  .Image-with-text .Button--Normal {
    text-align: start;
    min-width: 358px;
  }

  .Button--Sticky {
    margin-top: -48px;
  }
  .rich-text__wrapper .global-heading,
  .rich-text__wrapper .global-text,
        {
    max-width: 597px;
  }
}