.full-side-image-and-content {
  padding: 80px 0;
}

.full-side-image-and-content .wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.full-side-image-and-content .inner-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  gap: 80px;
}

/*
 * Image/text swap: the first row follows the field, then the image side
 * alternates. The 20px padding sits on the content side so the image can
 * stay flush with the page edge.
 */
.full-side-image-and-content.img-right .wrap .inner-wrap:nth-child(odd) {
  flex-direction: row-reverse;
  padding-left: 20px;
}

.full-side-image-and-content.img-right .wrap .inner-wrap:nth-child(even) {
  padding-right: 20px;
}

.full-side-image-and-content.img-left .wrap .inner-wrap:nth-child(odd) {
  padding-right: 20px;
}

.full-side-image-and-content.img-left .wrap .inner-wrap:nth-child(even) {
  flex-direction: row-reverse;
  padding-left: 20px;
}

/* A row without an image lets the content use the full width. */
.full-side-image-and-content .inner-wrap.no-image {
  padding: 0;
}

.full-side-image-and-content .inner-wrap.no-image .contents-wrap {
  max-width: 100%;
}

.full-side-image-and-content .inner-wrap .image-content-wrap {
  min-height: 366px;
  max-height: 600px;
  width: 100%;
  max-width: 50%;
  overflow: hidden;
}

.full-side-image-and-content .inner-wrap .image-content-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.full-side-image-and-content .inner-wrap .image-content-wrap .mobile-img {
  display: none;
}

.full-side-image-and-content.img-right .inner-wrap:nth-child(odd) .image-content-wrap {
  border-radius: 100px 0 0 100px;
}

.full-side-image-and-content.img-right .inner-wrap:nth-child(even) .image-content-wrap {
  border-radius: 0 100px 100px 0;
}

.full-side-image-and-content.img-left .inner-wrap:nth-child(odd) .image-content-wrap {
  border-radius: 0 40px 40px 0;
}

.full-side-image-and-content.img-left .inner-wrap:nth-child(even) .image-content-wrap {
  border-radius: 40px 0 0 40px;
}

.full-side-image-and-content .inner-wrap .contents-wrap {
  width: 100%;
  max-width: 50%;
  display: flex;
  align-items: center;
}

.full-side-image-and-content.img-right .wrap .inner-wrap:nth-child(odd) .contents-wrap {
  justify-content: flex-end;
}

.full-side-image-and-content.img-left .wrap .inner-wrap:nth-child(even) .contents-wrap {
  justify-content: flex-end;
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap {
  width: 100%;
  max-width: 620px;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.full-side-image-and-content a {
  font-size: inherit;
  line-height: inherit;
  color: inherit !important;
  text-decoration: underline !important;
}

/* Visited links keep the same styling as normal links (rule #24). */
.full-side-image-and-content a:visited {
  color: inherit !important;
  text-decoration: underline !important;
}

.full-side-image-and-content a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .full-side-image-and-content .inner-wrap {
    gap: 40px;
  }
}

@media screen and (max-width: 767px) {
  .full-side-image-and-content {
    padding: 0;
  }

  .full-side-image-and-content .wrap {
    gap: 0;
  }

  .full-side-image-and-content .wrap .inner-wrap {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 0;
  }

  .full-side-image-and-content .inner-wrap .image-content-wrap {
    max-width: 100%;
    min-height: 0;
    max-height: none;
  }

  .full-side-image-and-content .inner-wrap .image-content-wrap .desktop-img {
    display: none;
  }

  /*
   * On mobile the content image spans the full row, so it must render
   * complete and uncropped (rule #7).
   */
  .full-side-image-and-content .inner-wrap .image-content-wrap .mobile-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .full-side-image-and-content .inner-wrap .contents-wrap {
    max-width: 100%;
    padding: 40px 20px;
  }

  .full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap {
    max-width: 100%;
    padding: 0;
  }

  .full-side-image-and-content.img-right .inner-wrap .image-content-wrap,
  .full-side-image-and-content.img-left .inner-wrap .image-content-wrap {
    border-radius: 0 !important;
  }
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .content-wrapper h2 {
  margin: 0;
  color: #000;

  /* Desktop/H3 - Desktop */
  font-family: 'Lato', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
  /* 127.778% */
  text-transform: capitalize;
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .content-wrapper .wysiwyg-content {
  color: #3A3A3B;

  /* Desktop/Par - Desktop */
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 144.444% */
}

/*
 * WYSIWYG checkmark list: add the `checkmark` class to a <ul> and each
 * top-level list item gets the checkmark icon instead of a default bullet.
 */
.full-side-image-and-content .wysiwyg-content ul.checkmark {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin: 0;
}

.full-side-image-and-content .wysiwyg-content ul.checkmark > li {
  list-style: none;
  padding-left: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M13 22C17.9706 22 22 17.9706 22 13C22 8.02944 17.9706 4 13 4C8.02944 4 4 8.02944 4 13C4 17.9706 8.02944 22 13 22ZM17.8881 11.6574C18.2937 11.2518 18.2937 10.5943 17.8881 10.1888C17.4826 9.78323 16.8251 9.78323 16.4195 10.1888L12.2102 14.3981L10.1615 12.8615C9.70272 12.5174 9.05181 12.6104 8.70769 13.0692C8.36357 13.5281 8.45656 14.179 8.91538 14.5231L11.6846 16.6C12.098 16.9101 12.6766 16.869 13.042 16.5035L17.8881 11.6574Z' fill-rule='evenodd' clip-rule='evenodd' fill='%23897C50'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 26px 26px;
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper {
  display: flex;
  flex-direction: row;
  padding: 0;
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn {
  display: flex;
  padding: 22px 32px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 230px;
  background: #041C4C;
  color: #FFF !important;
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  /* 100% */
  letter-spacing: 0.72px;
  text-transform: capitalize;
  text-decoration: none !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transition: background-color 0.2s ease, color 0.2s ease;
  text-align: center;
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn:hover,
.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn:focus-visible {
  background: #950304;
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn:visited {
  color: #FFF !important;
  text-decoration: none !important;
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn {
  font-family: 'Lato', sans-serif;
  width: 100%;
  max-width: 410px;
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn .button-icon {
  width: 100%;
  max-width: 18px;
  height: 18px;
}

.full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn .button-icon img {
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 1279px) {
  .full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .content-wrapper h2 {
    font-size: 28px;
    line-height: 36px;
  }

  .full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .content-wrapper .wysiwyg-content {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn {
    width: 100%;
    justify-content: center;
  }

  .full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn {
    white-space: normal;
    justify-content: center;
    align-items: center;
  }

  .full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn * {
    text-wrap: unset !important;
  }
}

@media only screen and (min-width: 768px) {
  .full-side-image-and-content .inner-wrap .contents-wrap .contents-inner-wrap .button-wrapper .btn .button-text br {
    display: none;
  }
}