@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
body {
  /* font-family: "Roboto", sans-serif; */
  font-family: "Poppins", sans-serif;
}
#anchore-design {
  background-color: #335eea;
  color: white;
  padding: 0.8125rem 1.25rem;
  text-decoration: none;
  border-radius: 10px;
}
#anchore_design {
  background-color: #335eea;
  color: white;
  padding: 0.8125rem 1.25rem;
  text-decoration: none;
  border-radius: 10px;
  margin: 10px;
}

.developer-part {
  margin-top: 108px;
}
#svg-custom {
  color: #a9a5a5;
}
.usefull-resources {
  background-image: linear-gradient(180deg, #f9fbfd 0, #fff);
  margin-top: 100px;
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
  border: none;
  border-bottom: 1px solid #ddd;
}
.resources-p {
  margin-left: 10px;
  color: #42ba96 !important;
}
p {
  color: #869ab8;
}
span {
  color: #335eea !important;
}

.price-value::before {
  content: "$";
}
.price-month::after {
  content: "/mo";
}

.pricing-card {
  margin-top: 15%;
}
.i-tag {
  padding: 6px;
  font-size: 26px;
  background: #ddd;
  border-radius: 2px;
}
.i-tag:hover {
  color: #335eea;
}