@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');

@media screen and (min-width: 1440px) {
  #w-node-_29ced8e3-46d5-4995-c473-255883e576d7-125a56c0, #w-node-fdf66850-a4a6-66f0-159a-372d479157be-125a56c0, #w-node-b39e6506-fee7-a397-e471-5823669a38de-125a56c0, #w-node-_8d45c384-7f1b-cca6-64bb-92b600c54322-125a56c0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_1d580c14-e7c5-b5df-4f73-6c04008e95b1-125a56c0, #w-node-_1d580c14-e7c5-b5df-4f73-6c04008e95b1-96ed1c38, #w-node-_1d580c14-e7c5-b5df-4f73-6c04008e95b1-f7f1a48a {
    grid-area: 1 / 1 / 2 / 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_92e5c249-4089-8a06-fc50-01baf10cc8cb-96ed1c38, #w-node-b721e075-7f42-9815-3c86-f0803f20d29f-96ed1c38, #w-node-b721e075-7f42-9815-3c86-f0803f20d2b0-96ed1c38, #w-node-b721e075-7f42-9815-3c86-f0803f20d2c2-96ed1c38, #w-node-b721e075-7f42-9815-3c86-f0803f20d2d3-96ed1c38, #w-node-b721e075-7f42-9815-3c86-f0803f20d2e5-96ed1c38, #w-node-_91348bd2-d9b8-a965-0cea-06ca19e9031a-96ed1c38, #w-node-ca543e8a-3f43-4e7b-4b7e-7f138b3ed531-96ed1c38, #w-node-a0e900c4-c63c-cb02-6be6-d461e2446a55-96ed1c38, #w-node-e9e1d8b7-c382-eb67-e32c-60f2a2b82f8c-96ed1c38, #w-node-ef4b039d-8380-e17e-9ced-15fb2f9d09d2-96ed1c38, #w-node-ae9cf4c5-0482-5500-a248-52924cf462d7-96ed1c38, #w-node-a74ce32c-cb51-808f-81f5-7609dfb2d7d7-96ed1c38, #w-node-fe8d2999-1830-6f4d-d9bb-efb75ea2929f-96ed1c38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1d580c14-e7c5-b5df-4f73-6c04008e95b1-125a56c0, #w-node-_1a08c453-5b9f-9490-d40e-10a12c1c559f-125a56c0, #w-node-_1d580c14-e7c5-b5df-4f73-6c04008e95b1-96ed1c38, #w-node-_1a08c453-5b9f-9490-d40e-10a12c1c559f-96ed1c38, #w-node-_1d580c14-e7c5-b5df-4f73-6c04008e95b1-f7f1a48a, #w-node-_1a08c453-5b9f-9490-d40e-10a12c1c559f-f7f1a48a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

.card-6 {
  background-color: #f2f3f7;
  color: #121213;
  padding: 0.5rem;
  height: 6rem;
  text-align: center;
  border-radius: 10px;
  animation:bounce 1s ;
}

.cards {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  
  
}

/* Screen larger than 600px? 2 column */
@media (min-width: 600px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 900px) {
  .cards { grid-template-columns: repeat(3, 1fr); }
}




.card2 {
  display: block;
  position: relative;
  background-color: #f2f8f9;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;

  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background: #f74d4d;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 70% 80%;
    transition: transform 0.25s ease-out;
  }

  &:hover:before {
    transform: scale(21);
  }
}

.card3 {
  display: block;
  position: relative;
  background-color: #f2f8f9;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;

  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background: #f74d4d;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 70% 80%;
    transition: transform 0.25s ease-out;
  }

  &:hover:before {
    transform: scale(21);
  }
}

.card4 {
  display: block;
  position: relative;
  background-color: #f2f8f9;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;

  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background:  #f74d4d ;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 70% 80%;
    transition: transform 0.25s ease-out;
  }

  &:hover:before {
    transform: scale(21);
  }
}

.card5 {
  display: block;
  position: relative;
  background-color: #f2f8f9;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;

  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background:  #f74d4d;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 70% 80%;
    transition: transform 0.25s ease-out;
  }

  &:hover:before {
    transform: scale(21);
  }
}

.card6 {
  display: block;
  position: relative;
  background-color: #f2f8f9;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;

  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background:  #f74d4d;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 70% 80%;
    transition: transform 0.25s ease-out;
  }

  &:hover:before {
    transform: scale(21);
  }
}

.card7 {
  display: block;
  position: relative;
  background-color: #f2f8f9;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;

  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background: #f74d4d;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 70% 80%;
    transition: transform 0.25s ease-out;
  }

  &:hover:before {
    transform: scale(21);
  }
}


*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

div.container5{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 25vh;
}

.button5{
  padding: 15px 30px;
  font-size: 32px;
  border: 0;
  border-radius: 15px;
  color: white;
  font-weight: 400;
  background: linear-gradient(to right, gold, rgb(255, 123, 0));
  cursor: pointer; 
}

.button5:hover{
  animation-name: botao;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  box-shadow: 0 0 50px 20px rgba(255, 166, 0, 0.5); 
}

@keyframes botao{
  0%{
      transform: scale(1);
  }
  100%{
      transform: scale(1.05);
  }

}

.combine-heading-style-h5 {
 
 
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}