/*breaks*/
.feats--title {
  color: #57585A;
  font-family: Recoleta;
  font-size: 55px;
  font-weight: 900;
  line-height: 64px;
  margin-bottom: 24px; }
  @media (max-width: 960px) {
    .feats--title {
      font-size: 48px;
      line-height: 56px; } }
  @media (max-width: 704px) {
    .feats--title {
      font-size: 40px;
      line-height: 48px; } }
.feats--content {
  color: #57585A;
  font-family: Lato;
  font-size: 18px;
  line-height: 32px; }
  @media (max-width: 704px) {
    .feats--content {
      font-size: 16px;
      line-height: 24px; } }
.feats--button {
  margin-top: 36px;
  border-radius: 100px;
  background-image: linear-gradient(216.94deg, #2832A6 0%, #7324A1 100%);
  max-width: 278px;
  color: #FFFFFF;
  font-family: Lato;
  font-size: 18px;
  font-weight: 900;
  padding: 16px 32px;
  line-height: 24px;
  display: flex;
  justify-content: center; }
  @media (max-width: 704px) {
    .feats--button {
      margin-left: auto;
      margin-right: auto; } }
  .feats--button::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Components' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.8'%3E %3Cg id='Home-Features-Block' transform='translate(-344.000000%2C -460.000000)' fill='%23FFFFFF'%3E %3Cg id='Content' transform='translate(123.000000%2C 96.000000)'%3E %3Cg id='Button' transform='translate(0.000000%2C 348.000000)'%3E %3Cg id='Group-16' transform='translate(32.000000%2C 16.000000)'%3E %3Cpath d='M192.483871%2C3.53225634 C194.83872%2C1.17740731 197.677402%2C0 201%2C0 C204.322598%2C0 207.153215%2C1.16934194 209.491936%2C3.50806366 C211.830658%2C5.84678538 213%2C8.67740215 213%2C12 C213%2C15.3225978 211.830658%2C18.1532146 209.491936%2C20.4919363 C207.153215%2C22.8306567 204.322598%2C24 201%2C24 C197.677402%2C24 194.846785%2C22.8306567 192.508064%2C20.4919363 C190.169343%2C18.1532146 189%2C15.3225978 189%2C12 C189%2C8.67740215 190.161279%2C5.85485075 192.483871%2C3.53225634 Z M206.612903%2C13.1612903 C206.806452%2C13.0645161 206.951611%2C12.9193566 207.048385%2C12.7258082 C207.145163%2C12.5322563 207.193548%2C12.3387114 207.193548%2C12.145163 C207.193548%2C11.9516112 207.145163%2C11.7580662 207.048385%2C11.5645178 C206.951611%2C11.370966 206.806452%2C11.2258065 206.612903%2C11.1290323 L198.096774%2C5.95161462 C197.709674%2C5.72580473 197.322584%2C5.72580473 196.935484%2C5.95161462 C196.548384%2C6.17742108 196.354839%2C6.51612559 196.354839%2C6.96774194 L196.354839%2C17.0322581 C196.354839%2C17.4838744 196.548384%2C17.8225789 196.935484%2C18.0483854 C197.322584%2C18.2741953 197.709674%2C18.2741953 198.096774%2C18.0483854 L206.612903%2C13.1612903 Z' id='Fill-1'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    content: '';
    width: 24px;
    margin-left: 8px;
    height: 24px; }
.feats-image {
  position: relative;
  width: 100%;
  height: 448px;
  width: 640px;
  height: 448px; }
  @media (max-width: 1184px) {
    .feats-image {
      height: auto;
      width: 100%;
      max-width: 100%; }
      .feats-image img {
        max-width: 100%;
        width: 400px; } }
  @media (max-width: 960px) {
    .feats-image img {
      max-width: 100%;
      width: 100%; } }
  .feats-image figure {
    position: absolute;
    z-index: 2;
    opacity: 1;
    border-radius: 16px;
    background-color: #FFFFFF;
    box-shadow: 0 16px 96px -16px rgba(0, 0, 0, 0.14);
    display: flex;
    overflow: hidden; }
    .feats-image figure + figure {
      position: absolute;
      z-index: 1;
      margin: 0;
      left: 96px;
      top: 48px; }
      @media (max-width: 960px) {
        .feats-image figure + figure {
          left: 0;
          top: 0px; } }
    @media (max-width: 960px) {
      .feats-image figure {
        position: relative; } }
    .feats-image figure img {
      height: auto;
      min-width: 640px; }
      @media (max-width: 1184px) {
        .feats-image figure img {
          min-width: unset; } }
  @media (max-width: 960px) {
    .feats-image {
      margin-top: 40px; } }
.feats .col-4 {
  grid-column: 1/5; }
  @media (max-width: 1184px) {
    .feats .col-4 {
      grid-column: 1/5; } }
  @media (max-width: 960px) {
    .feats .col-4 {
      grid-column: 1/7; } }
  @media (max-width: 704px) {
    .feats .col-4 {
      grid-column: 1/3; } }
.feats .col-8 {
  grid-column: 5/13; }
  @media (max-width: 1184px) {
    .feats .col-8 {
      grid-column: 5/10; } }
  @media (max-width: 960px) {
    .feats .col-8 {
      grid-column: 1/7; } }
  @media (max-width: 704px) {
    .feats .col-8 {
      grid-column: 1/3; } }
.feats-bottom {
  margin-top: 136px; }
  @media (max-width: 960px) {
    .feats-bottom {
      margin-top: 96px; } }
  @media (max-width: 704px) {
    .feats-bottom {
      margin-top: 64px; } }
  .feats-bottom div {
    grid-template-columns: 1fr 1fr 1fr; }
    @media (max-width: 960px) {
      .feats-bottom div {
        grid-template-columns: 1fr; } }
.feats-item {
  display: inline-block; }
  @media (max-width: 960px) {
    .feats-item {
      margin-bottom: 24px; }
      .feats-item:last-child {
        margin-bottom: 0; } }
  .feats-item--icon {
    height: 32px;
    flex: 0 0 32px;
    max-width: 32px;
    display: inline-block;
    margin-right: 16px; }
  .feats-item--title {
    display: flex;
    align-items: center; }
    .feats-item--title h4 {
      color: #57585A;
      font-family: Recoleta;
      font-size: 28px;
      line-height: 32px;
      font-weight: 900;
      white-space: nowrap; }
  .feats-item--content {
    margin-top: 16px;
    color: #57585A;
    font-family: Lato;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px; }

.zoomInFast {
  animation: zoomInFast 0.4s forwards;
  animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1); }

@keyframes zoomInFast {
  0% {
    opacity: 0;
    transform: translateX(-50px); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }
.zoomOutFast {
  animation: zoomOutFast 0.4s forwards;
  animation-timing-function: cubic-bezier(0.1, 0, 0.75, 0); }

@keyframes zoomOutFast {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(80px); } }

/*# sourceMappingURL=home-feats.css.map */