.hero{
  background-image: linear-gradient(212deg, #006464 0%, #a90028 100%);
  color: #fff;
}

.container {
  max-width: 1140px;
}

img{
  max-width: 100%;
}

h2 {
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0px;
}

h3 {
  font-size: 23px;
  font-weight: bold;
  margin: 20px 0px;
}

.main-nav li a{
  font-weight: bold;
  color: #000;
  font-size: 18px;
}

.main-nav li a {
  display: flex;
}

.main-nav li a svg{
  width: 20px;
  margin-right: 5px;
}

.navbar-toggler svg{
  color: #000;
width: 25px;
}

.hero-button {
  display: flex;
  align-items: center;
  color: #fff;
}

.hero-button svg{
  color: #fff;
}

.main-container{
  margin-top: 50px;
}

.main-container img{
 margin: 20px;
}

.feature-row {
  display: flex;
  /* width: 50%; */
  justify-content: flex-start;
  flex-wrap: wrap;
}

.feature-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: justify;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin: 10px;
  width: 350px;
}

.feature-card p{
  margin-top: 20px;
}

.accordion-header{
  margin: 0;
}

.accordion-item{
  margin-bottom: 20px;
}