/* Common code for all variation */
.snippet-insuramap.insuramap-text-100,
.snippet-insuramap.insuramap-text-75 {
  border-radius: 4px;
  padding: 32px;
}

.has-border {
  border: 1px solid var(--color-purple);
}

.insuramap-text-75 .insuramap__title,
.insuramap-text-100 .insuramap__title,
.insuramap-text-50 .insuramap__title {
  margin-top: 0;
}

.insuramap-text-75 .insuramap__dark .insuramap__title,
.insuramap-text-75 .insuramap__dark .insuramap__text span,
.insuramap-text-75 .insuramap__dark .insuramap__text p,
.insuramap-text-100 .insuramap__dark .insuramap__title,
.insuramap-text-100 .insuramap__dark .insuramap__text span,
.insuramap-text-100 .insuramap__dark .insuramap__text p,
.insuramap-text-50 .insuramap__dark .insuramap__title,
.insuramap-text-50 .insuramap__dark .insuramap__text span,
.insuramap-text-50 .insuramap__dark .insuramap__text p {
  color: #FBF4F7;
}

.insuramap-text-75 .insuramap__dark .insuramap__cta,
.insuramap-text-100 .insuramap__dark .insuramap__cta,
.insuramap-text-50 .insuramap__dark .insuramap__cta {
  background-color: #FBF4F7;
}

.insuramap-text-75 .insuramap__dark .insuramap__cta a,
.insuramap-text-100 .insuramap__dark .insuramap__cta a,
.insuramap-text-50 .insuramap__dark .insuramap__cta a {
  color: var(--color-purple);
}

.insuramap-text-75 .insuramap__title,
.insuramap-text-100 .insuramap__title,
.insuramap-text-50 .insuramap__title {
  font-size: var(--font-size-h3-desktop);
  margin-bottom: 8px;
  color: var(--color-purple);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0%;
}

.insuramap-text-75 .insuramap__text,
.insuramap-text-75 .insuramap__text span,
.insuramap-text-100 .insuramap__text,
.insuramap-text-100 .insuramap__text span,
.insuramap-text-50 .insuramap__text,
.insuramap-text-50 .insuramap__text span {
  line-height: 150%;
  letter-spacing: 0%;
}

.insuramap-text-75 .insuramap__text a span,
.insuramap-text-100 .insuramap__text a span,
.insuramap-text-50 .insuramap__text a span {
  color: var(--color-grey-text);
}

.insuramap-text-75 .insuramap__cta,
.insuramap-text-100 .insuramap__cta,
.insuramap-text-50 .insuramap__cta {
  width: 177px;
  height: 48px;
  background: var(--color-purple);
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}

.insuramap-text-75 .insuramap__cta a,
.insuramap-text-100 .insuramap__cta a,
.insuramap-text-50 .insuramap__cta a {
  color: #FCF4F4;
  font-size: 18px;
}

@media screen and (max-width: 1000px) {
  .insuramap-text-75,
  .insuramap-text-100,
  .insuramap-text-50 {
    margin: 16px;
  }

  .insuramap-text-75 .insuramap__wrap,
  .insuramap-text-100 .insuramap__wrap {
    padding: 16px;
  }

  .snippet-insuramap {
    padding: 0;
  }

  .snippet-insuramap.insuramap-text-100,
  .snippet-insuramap.insuramap-text-75 {
    padding: 0;
  }

}

/* Common code for width 50 and 75 */
.insuramap-text-75 .insuramap__wrap,
.insuramap-text-50 .insuramap__wrap {
  display: flex;
}

.insuramap-text-75 .insuramap__img,
.insuramap-text-50 .insuramap__img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.insuramap-text-75 .insuramap__img article,
.insuramap-text-50 .insuramap__img article {
  display: block;
}

@media screen and (max-width: 1000px) {
  .insuramap-text-50 .insuramap__wrap,
  .insuramap-text-75 .insuramap__wrap {
    display: block;
  }
}


/* Width 75% */
.insuramap-col-75 {
  flex: 0 0 75%;
  padding-right: 16px;
}

.insuramap-text-75 .insuramap__img {
  flex: 0 0 25%;
}

@media screen and (max-width: 1000px) {
  .insuramap-text-75 .insuramap__title {
    font-size: 24px;
  }
  
  .insuramap-col-75 {
    padding: 0;
  }

  .insuramap-text-75 .insuramap__img {
    padding-top: 16px;
  }

  .insuramap-text-75 .insuramap__img img {
    width: 150px;
  }
}

/* Width 50 */
.insuramap-text-50 {
  border-radius: 4px;
}
.insuramap-col-50 {
  flex: 0 0 50%;
  padding: 32px 16px 32px 32px;
}

.insuramap-text-50 .insuramap__img {
  flex: 0 0 50%;
}

.insuramap-text-50 .insuramap__img img {
  width: 577px;
}

@media screen and (max-width: 1000px) {
  .insuramap-col-50 {
    padding: 16px;
  }
  .insuramap-text-50 .insuramap__img img {
    width: 100%;
  }
}

/* Width 100 */
.insuramap-text-100 .insuramap__img {
  display: none;
}