.gradient-card {
  padding: 8.8rem 0 8rem;
}
@media screen and (min-width: 992px) {
  .gradient-card {
    padding: 8rem 0;
  }
}
.gradient-card .left-content {
  max-width: 100%;
}
@media screen and (min-width: 992px) {
  .gradient-card .left-content {
    max-width: 50rem;
    padding-top: 4rem;
  }
}
.gradient-card .left-content h2 {
  margin-bottom: 3rem;
}
@media screen and (min-width: 992px) {
  .gradient-card .left-content h2 {
    margin-bottom: 3.6rem;
  }
}
.gradient-card .left-content h4 {
  color: #2e2e2e;
  margin-bottom: 1.6rem;
  font-size: 18px;
}
@media screen and (min-width: 992px) {
  .gradient-card .left-content h4 {
    margin-bottom: 2rem;
    font-size: 24px;
  }
}
.gradient-card .right-content {
  padding: 3.2rem 0px 0 4rem;
}
@media screen and (min-width: 992px) {
  .gradient-card .right-content {
    padding: 3.2rem 0 0 0rem;
  }
}
.gradient-card .right-content .gradient-card-item {
  border-radius: 8px;
  background-color: #fff;
  padding: 2.4rem 3.2rem 2.4rem 6.4rem;
  margin-bottom: 3.2rem;
  position: relative;
}
.gradient-card .right-content .gradient-card-item.gradient-0::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 8px;
  background: linear-gradient(316deg, rgba(150, 198, 234, 0.6) -0.37%, rgba(181, 151, 246, 0.6) 88.88%);
}
.gradient-card .right-content .gradient-card-item.gradient-1::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 8px;
  background: linear-gradient(316deg, rgba(244, 212, 68, 0.6) -0.38%, rgba(248, 108, 167, 0.6) 88.88%);
}
.gradient-card .right-content .gradient-card-item.gradient-2::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 8px;
  background: linear-gradient(316deg, rgba(77, 201, 230, 0.6) -0.38%, rgba(33, 12, 174, 0.6) 88.88%);
}
.gradient-card .right-content .gradient-card-item.gradient-3::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 8px;
  background: linear-gradient(316deg, rgba(111, 247, 232, 0.6) -0.37%, rgba(31, 126, 161, 0.6) 88.88%);
}
.gradient-card .right-content .gradient-card-item.gradient-4::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 8px;
  background: linear-gradient(316deg, rgba(255, 168, 189, 0.6) -0.37%, rgba(105, 110, 255, 0.6) 88.88%);
}
.gradient-card .right-content .gradient-card-item figure {
  margin: 0;
  position: absolute;
  left: -40px;
  top: -12px;
}
.gradient-card .right-content .gradient-card-item h5 {
  margin-bottom: 0.8rem;
}
.gradient-card .right-content .gradient-card-item p {
  margin: 0;
}

.fintech-gradient-card .right-content {
  padding: 7.2rem 0 0 0rem;
}
.fintech-gradient-card .right-content .gradient-card-item figure {
  left: -20px;
}
@media screen and (min-width: 992px) {
  .fintech-gradient-card .right-content .gradient-card-item figure {
    left: -40px;
  }
}
.fintech-gradient-card .right-content .gradient-card-item figure img {
  max-width: 6rem;
}
@media screen and (min-width: 992px) {
  .fintech-gradient-card .right-content .gradient-card-item figure img {
    max-width: 8rem;
  }
}/*# sourceMappingURL=style.css.map */