.item[data-v-21997a74] {
  border-radius: 36px;
  box-shadow: 0 6px 10px #0000001a;
  overflow: hidden;
  padding: 40px 12px 12px;
  position: relative;
  transition: .3s ease;
  width: 320px
}


.item .image[data-v-21997a74] {
  border-radius: 40px;
  height: 220px;
  margin-bottom: 30px;
  min-height: 220px;
  min-width: 220px;
  overflow: hidden;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 220px
}

.item .image img[data-v-21997a74] {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.item .info[data-v-21997a74] {
  background-color: var(--white);
  border-radius: 24px;
  box-shadow: 0 4px 6px #0003;
  height: 350px;
  padding: 40px 30px 30px;
  position: relative
}

.item .info h3[data-v-21997a74] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 26px;
  margin-bottom: 20px
}

.item .info .description_container[data-v-21997a74] {
  height: 100%
}

.item .info p[data-v-21997a74] {
  color: var(--west);
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px
}

.item .info .started_container span[data-v-21997a74],
.item .info p[data-v-21997a74] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.item .info .started_container span[data-v-21997a74] {
  font-size: 18px;
  line-height: 19.8px;
  margin-right: 10px
}

.item .info .started_container img[data-v-21997a74] {
  width: 14px
}

.item .soon[data-v-21997a74] {
  background-color: #0000008c;
  bottom: 0;
  color: var(--white);
  font-size: 23px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease;
  z-index: 1
}

.item.blue[data-v-21997a74] {
  background-color: var(--lochmara)
}

.item.blue .image[data-v-21997a74] {
  background-color: var(--lochmara_light)
}

.item.blue span[data-v-21997a74] {
  color: var(--lochmara)
}

.item.green[data-v-21997a74] {
  background-color: var(--bermuda)
}

.item.green .image[data-v-21997a74] {
  background-color: var(--bermuda_light)
}

.item.green span[data-v-21997a74] {
  color: var(--bermuda)
}

.item.red[data-v-21997a74] {
  background-color: var(--salmon)
}

.item.red .image[data-v-21997a74] {
  background-color: var(--salmon_light)
}

.item.red span[data-v-21997a74] {
  color: var(--salmon)
}

.item.yellow[data-v-21997a74] {
  background-color: var(--texasrose)
}

.item.yellow .image[data-v-21997a74] {
  background-color: var(--texasrose_light)
}

.item.yellow span[data-v-21997a74] {
  color: var(--texasrose)
}


section[data-v-11403c11] {
  margin-top: 160px;
  position: relative
}

h2[data-v-11403c11] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 60px;
  margin-bottom: 60px;
  text-align: center
}

.card_container[data-v-11403c11] {
  gap: 40px
}

a[data-v-11403c11] {
  position: relative
}

@media only screen and (max-width:1080px) {
  h2[data-v-11403c11] {
    font-size: 40px
  }
}


section[data-v-87fe341b] {
  margin: 100px 0 400px;
  position: relative
}

h2[data-v-87fe341b] {
  font-size: 60px
}

h2[data-v-87fe341b],
h3[data-v-87fe341b] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 60px;
  text-align: center
}

h3[data-v-87fe341b] {
  font-size: 30px
}

@keyframes animation-squares {
  0% {
    transform: translatey(0)
  }

  50% {
    transform: translatey(-20px)
  }

  to {
    transform: translatey(0)
  }
}

.rectangle_1[data-v-87fe341b] {
  animation: animation-squares 4s ease-in-out infinite;
  left: 31px;
  position: absolute;
  top: 241px;
  z-index: -1
}

.rectangle_1 div[data-v-87fe341b] {
  background-color: var(--texasrose);
  border-radius: 20px;
  height: 100px;
  transform: rotate(-25deg);
  width: 100px
}

.rectangle_2[data-v-87fe341b] {
  animation: animation-squares 5s ease-in-out infinite;
  left: 212px;
  position: absolute;
  top: 484px;
  z-index: -1
}

.rectangle_2 div[data-v-87fe341b] {
  background-color: var(--bermuda);
  border-radius: 20px;
  height: 100px;
  transform: rotate(30deg);
  width: 100px
}

.rectangle_3[data-v-87fe341b] {
  animation: animation-squares 6s ease-in-out infinite;
  position: absolute;
  right: 183px;
  top: 426px;
  z-index: -1
}

.rectangle_3 div[data-v-87fe341b] {
  background-color: var(--lochmara);
  border-radius: 20px;
  height: 100px;
  transform: rotate(15deg);
  width: 100px
}

.rectangle_4[data-v-87fe341b] {
  animation: animation-squares 7s ease-in-out infinite;
  position: absolute;
  right: 25px;
  top: 234px;
  z-index: -1
}

.rectangle_4 div[data-v-87fe341b] {
  background-color: var(--salmon);
  border-radius: 20px;
  height: 80px;
  transform: rotate(15deg);
  width: 80px
}

@media only screen and (max-width:1080px) {
  section[data-v-87fe341b] {
    margin-bottom: 160px
  }

  h2[data-v-87fe341b] {
    font-size: 40px;
    text-align: center
  }

  h3[data-v-87fe341b] {
    font-size: 25px
  }

  .rectangle_1[data-v-87fe341b],
  .rectangle_2[data-v-87fe341b],
  .rectangle_3[data-v-87fe341b],
  .rectangle_4[data-v-87fe341b] {
    opacity: .2
  }
}