:root {
  --wp--preset--color---primary: #6A5BE2;
  --wp--preset--color---secondary: #505665;
  --wp--preset--color---white: $white;
  --wp--preset--color---black: $black;
  --wp--preset--color---light-grey: $light_grey;
  --font-default: "Gabarito", sans-serif;
  --font-size-default: 18px;
  --font-weight-default: 400;
  --line-height-default: 1.3;
}

body {
  --wp--preset--font-size--medium: 18px;
}

/**  end vars */
.wp-block-acf-features-row.shell {
  padding-top: 32px;
  padding-bottom: 32px;
}
.wp-block-acf-features-row.reverse .wp-block-columns {
  flex-direction: row-reverse !important;
}
.wp-block-acf-features-row .wp-block-column {
  position: relative;
}
.wp-block-acf-features-row .app__block-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.wp-block-acf-features-row h2 {
  font-size: 36px;
  font-weight: 800;
  color: #041222;
  margin-bottom: 16px;
}
@media (max-width: 1199px) {
  .wp-block-acf-features-row h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) {
  .wp-block-acf-features-row h2 {
    font-size: 28px;
  }
}
.wp-block-acf-features-row .circle__box-image {
  width: 64px;
  height: 64px;
  position: relative;
  padding: 8px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 24px;
  background: rgba(16, 199, 212, 0.05);
}
.wp-block-acf-features-row .circle__box-image img {
  width: 100%;
  height: 100%;
}
.wp-block-acf-features-row .bkgd-wrapper {
  overflow: hidden;
  position: relative;
  z-index: 0;
  background-size: cover;
  background-position: center;
  padding-bottom: 100%;
  border-radius: 16px;
  margin-bottom: 0px;
  height: 249px;
  width: 100%;
  max-width: calc(100vw - 10.6666666667px);
}
.wp-block-acf-features-row .bkgd-wrapper > img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.8s;
  left: 0px;
}
.wp-block-acf-features-row .purple-checkmark {
  margin: 0 0 40px 16px !important;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: left;
  list-style: none;
}
.wp-block-acf-features-row .purple-checkmark li {
  position: relative;
  padding-left: 38px;
  min-height: 20px;
  margin: 0;
}
.wp-block-acf-features-row .purple-checkmark li:before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 1px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 11L9.5 14L15.5 8M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z' stroke='%235848D8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}
.wp-block-acf-features-row ul {
  margin: 0 0 20px 16px !important;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: left;
  list-style: none;
}
.wp-block-acf-features-row ul li {
  position: relative;
  padding-left: 40px;
  min-height: 28px;
  margin: 0;
}
.wp-block-acf-features-row ul li:before {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: -1px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='14' fill='%23007DA0' fill-opacity='0.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9457 8.62169L11.5923 16.6834L9.37568 14.315C8.96734 13.93 8.32568 13.9067 7.85901 14.2334C7.40401 14.5717 7.27568 15.1667 7.55568 15.645L10.1807 19.915C10.4373 20.3117 10.8807 20.5567 11.3823 20.5567C11.8607 20.5567 12.3157 20.3117 12.5723 19.915C12.9923 19.3667 21.0073 9.81169 21.0073 9.81169C22.0573 8.73836 20.7857 7.79336 19.9457 8.61002V8.62169Z' fill='%23007DA0'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}
