@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

@font-face {
  font-family: Gilroy;
  src: url("./fonts/Gilroy-Light.otf");
}
@font-face {
  font-family: Gilroy;
  font-weight: bold;
  src: url("./fonts/Gilroy-ExtraBold.otf");
}

body {
  font-family: "Inter", sans-serif;
}

.feature {
  background: linear-gradient(
    0deg,
    rgba(241, 246, 253, 0) 1.63%,
    #f1f6fd 20.5%,
    #f1f6fd 58.57%,
    #ffffff 100%
  );
}

.feature-card {
  box-shadow: 14px 22px 52px -12px rgba(127, 127, 127, 0.13);
}

.card-icon {
  background: linear-gradient(154.49deg, #5ca1fe 6.61%, #217bf4 89.72%);
  box-shadow: 0px 10px 22px -2px rgba(109, 171, 255, 0.36);
  border-radius: 24px;
}

.card-icon-warning {
  background: linear-gradient(154.49deg, #ff858a 6.61%, #f04148 89.72%);
  box-shadow: 0px 8px 22px -2px rgba(248, 87, 94, 0.3);
  border-radius: 24px;
}

.card-icon-info {
  background: linear-gradient(154.49deg, #ffd085 6.61%, #ffaf2e 89.72%);
  box-shadow: 0px 10px 22px -2px rgba(250, 186, 84, 0.3);
  border-radius: 24px;
}