/* ../../../tmp/tmp-3116580-SmhI2oiMk2hX/bpweb-dev/plugins/bp/web/assets/components/contenttwocolumnimage.css */
.content-twocolumn-image.full-height {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 414px;
}
@media screen and (min-width:640px) {
  .content-twocolumn-image.full-height {
    min-height: 781px;
  }
}
@media screen and (min-width:1024px) {
  .content-twocolumn-image.full-height {
    min-height: 610px;
  }
}
@media screen and (min-width:1376px) {
  .content-twocolumn-image.full-height {
    min-height: 830px;
  }
}
@media screen and (min-width:1800px) {
  .content-twocolumn-image.full-height {
    display: unset;
    min-height: 910px;
  }
}
.content-twocolumn-image.full-height .content-twocolumn-image-landscape-image {
  max-width: unset;
}
@media screen and (min-width:1024px) {
  .content-twocolumn-image.full-height .content-twocolumn-image-landscape-image {
    max-width: unset;
  }
}
@media screen and (min-width:1376px) {
  .content-twocolumn-image.full-height .content-twocolumn-image-landscape-image {
    max-width: unset;
  }
}
@media screen and (min-width:1800px) {
  .content-twocolumn-image.full-height .content-twocolumn-image-landscape-image {
    max-width: unset;
  }
}
.content-twocolumn-image.full-height .content-twocolumn-image-portrait-image {
  border-radius: 8px;
  max-width: unset;
}
@media screen and (min-width:1024px) {
  .content-twocolumn-image.full-height .content-twocolumn-image-portrait-image {
    max-width: unset;
  }
}
@media screen and (min-width:1800px) {
  .content-twocolumn-image.full-height .content-twocolumn-image-portrait-image {
    max-width: unset;
  }
}
@media screen and (min-width:640px) {
  .content-twocolumn-image.app-phone .content-twocolumn-image-portrait-image {
    max-width: 500px;
  }
}
@media screen and (min-width:1024px) {
  .content-twocolumn-image.app-phone .content-twocolumn-image-portrait-image {
    max-width: 480px;
  }
}
@media screen and (min-width:1376px) {
  .content-twocolumn-image.app-phone .content-twocolumn-image-portrait-image {
    max-width: 515px;
  }
}
@media screen and (min-width:1800px) {
  .content-twocolumn-image.app-phone .content-twocolumn-image-portrait-image {
    max-width: unset;
  }
}
@media screen and (min-width:1376px) {
  .content-twocolumn-image.app-phone.special-size .content-twocolumn-image-portrait-image {
    max-width: 430px;
  }
}
@media screen and (min-width:1800px) {
  .content-twocolumn-image.app-phone.special-size .content-twocolumn-image-portrait-image {
    max-width: unset;
  }
}
@media screen and (min-width:1800px) {
  .content-twocolumn-image.extra-padding {
    padding-top: 152px;
    padding-bottom: 152px;
  }
}
@media screen and (min-width:1376px) {
  .w-lg-narrow .content-twocolumn-image-main {
    max-width: 1776px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width:1024px) {
  .content-twocolumn-image-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--grid-gutter);
  }
}
.content-twocolumn-image-content {
  order: 1;
}
@media screen and (min-width:640px) {
  .content-twocolumn-image-content {
    max-width: 640px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width:1024px) {
  .content-twocolumn-image-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 432px;
    margin-right: unset;
    margin-left: unset;
  }
  .content-twocolumn-image-content.content-position-left {
    order: 1;
    grid-column: 1/7;
  }
  .content-twocolumn-image-content.content-position-right {
    order: 2;
    grid-column: 7/13;
  }
}
@media screen and (min-width:1376px) {
  .content-twocolumn-image-content {
    max-width: 516px;
  }
  .content-twocolumn-image-content.content-position-left {
    grid-column: 1/6;
  }
  .content-twocolumn-image-content.content-position-right {
    grid-column: 7/13;
  }
}
@media screen and (min-width:1800px) {
  .content-twocolumn-image-content {
    max-width: 602px;
  }
  .content-twocolumn-image-content.content-position-left {
    grid-column: 1/5;
  }
  .content-twocolumn-image-content.content-position-right {
    grid-column: 8/13;
  }
}
.content-twocolumn-image-description {
  margin-top: 24px;
}
.content-twocolumn-image-image-container {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  order: 2;
}
@media screen and (min-width:640px) {
  .content-twocolumn-image-image-container {
    margin-top: 48px;
  }
}
@media screen and (min-width:1024px) {
  .content-twocolumn-image-image-container {
    margin-top: unset;
    flex-direction: column;
  }
  .content-twocolumn-image-image-container.image-position-left {
    order: 1;
    grid-column: 1/6;
  }
  .content-twocolumn-image-image-container.image-position-right {
    order: 2;
    grid-column: 7/13;
  }
}
@media screen and (min-width:1800px) {
  .content-twocolumn-image-image-container {
    display: inherit;
  }
}
@media screen and (min-width:1376px) {
  .content-twocolumn-image-image-container-landscape {
    grid-column: 8/12;
  }
  .content-twocolumn-image-image-container-landscape.image-position-left {
    grid-column: 1/5;
  }
  .content-twocolumn-image-image-container-landscape.image-position-right {
    grid-column: 8/12;
  }
}
.content-twocolumn-image-landscape-image {
  border-radius: 8px;
  max-width: 640px;
}
@media screen and (min-width:1024px) {
  .content-twocolumn-image-landscape-image {
    max-width: 388px;
  }
}
@media screen and (min-width:1376px) {
  .content-twocolumn-image-landscape-image {
    max-width: 575px;
  }
}
@media screen and (min-width:1800px) {
  .content-twocolumn-image-landscape-image {
    max-width: 809px;
  }
}
@media screen and (min-width:1800px) {
  .square-image .content-twocolumn-image-landscape-image {
    max-width: 540px;
  }
}
.content-twocolumn-image-portrait-image {
  border-radius: 8px;
  max-width: 451px;
}
@media screen and (min-width:1024px) {
  .content-twocolumn-image-portrait-image {
    max-width: 388px;
  }
}
@media screen and (min-width:1800px) {
  .content-twocolumn-image-portrait-image {
    max-width: 451px;
  }
}
.content-twocolumn-image-button-container {
  display: flex;
  margin-top: 24px;
}
.content-twocolumn-image-cta-description {
  margin-top: 32px;
}
@media screen and (min-width:1024px) {
  .content-twocolumn-image-cta-description {
    margin-top: 40px;
  }
}
.button.content-twocolumn-image-button {
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  padding: 20px 32px;
  margin-top: 32px;
}
@media screen and (min-width:640px) {
  .button.content-twocolumn-image-button {
    flex: unset;
  }
}
.content-twocolumn-image-cta-container {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}