.container {
  margin-top: 50px !important;
  margin: auto;
  width: 80%;
}

.accordion {
  margin-top: 25px;
}

.accordion-item {
  background-color: #f1f2f3;
  margin-bottom: 15px;
  border: 0px;
  border-style: solid;
  border-color: #d4d4d4;
}

.accordion-button {
  background-color: #e2e2e2;
  font-weight: bold;
  font-size: 20px;
}

.accordion-button:not(.collapsed) {
  background-color: #e2e2e2;
  color: unset;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e2e2e2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e) !important;
  transform: rotate(-180deg);
}


.accordion-button:focus {
  box-shadow: unset;

  border-color: #86b7fe;
  outline: 0;
}

@media (max-width: 768px) {

  .container {
    margin-top: 25px !important;
    margin: auto;
    width: 90%;


  }
}

@media (max-width: 400px) {

  .container {
    margin-top: 10px !important;
    margin: auto;
    width: 100%;

  }
}