* {
  font-family: "Monaco";
}
nav i {
  color: #fcff3c;
  font-size: 2rem;
}
#hero {
  background-image: url("../images/herobackground copia.jpg");
  background-size: cover;
}
#hero img {
  max-height: 700px;
}

#features i {
  font-size: 2rem;

  color: #0000fe;
}

#whoisfor {
  background-color: 0000fe;
}

#whoisfor i {
  font-size: 2rem;
  color: #0000fe;
}

footer p {
  margin: 0;
}

#testimonials {
  background-color: 0000fe;
}
.btn-custom {
  background-color: #fcff3c;
  color: #000000; /* You can set the text color to your preference */
  /* Add other styles like padding, border, etc., if needed */
}
/* Add the hover effect for the button */
.btn-custom:hover {
  background-color: #cf150b; /* Change this to the desired hover color */
  /* You can also modify other styles for the hover state if needed */
}
.btn-custom2 {
  background-color: #0000fe;
  color: #000000; /* You can set the text color to your preference */
  /* Add other styles like padding, border, etc., if needed */
}
/* Add the hover effect for the button */
.btn-custom2:hover {
  background-color: #46a2f8; /* Change this to the desired hover color */
  /* You can also modify other styles for the hover state if needed */
}
.btn-custom3 {
  background-color: #cf150b;
  color: #000000; /* You can set the text color to your preference */
  /* Add other styles like padding, border, etc., if needed */
}
/* Add the hover effect for the button */
.btn-custom3:hover {
  background-color: #ef8378; /* Change this to the desired hover color */
  /* You can also modify other styles for the hover state if needed */
}

.accordion-button {
  background-color: #0000fe !important;

  color: white !important;
}

.accordion-button::after {
  background-image: none;
}
.accordion-button:not(.collapsed)::after {
  background-image: none;
}

/* #testimonials .card {
  height: 100%;
} */

#testimonials i {
  font-size: 1.5rem;
  color: #0000fe;
}

#abouttheauthor {
  background-color: #ffffff;
}