@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.accordion {
  margin: 0 auto;
}

.accordion .accordion-image {
 animation: fadeIn 400ms cubic-bezier(0, 0, 0.16, 0.96) forwards;
  display: none;
}

.accordion .accordion-image.open {
  display: block;
}

.accordion .accordion-image.open img {
  max-height: 420px;
}

.accordion .accordion-text{
  max-width: 564px;
}

.accordion .accordion-text .row-wrapper h5{
  color: #1B2734;
}

.accordion .accordion-text .row-wrapper.open h5{
  color: #1662C6;
}

.description {
  transition: max-height 300ms linear, opacity 150ms ease-in;
  max-height: 0px;
  opacity: 0%;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  padding: 0 16px;
}

.description.open {
  max-height: 200px;
  opacity: 100%;
}

.title-row {
  cursor: pointer;
}

.row-wrapper {
  border-bottom: 1px solid #EDEFF2;
}

.row-wrapper.open {
  border: 1px solid #EDEFF2;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  border-bottom: none;
}

.arrow-link {
    display: block;
    font-weight: 500;
    margin: 4px 0 0 0;
    position: relative;
}

.arrow-link:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(https://f.hubspotusercontent20.net/hubfs/442271/2021%20DOC-FAC%20Merge%20Project/link-caret.svg);
    position: absolute;
    top: -10px;
    margin: 15px 4px;
    background-repeat: no-repeat;
    transform: rotate(
-90deg
);
    transition: all 0.25s ease-in-out 0s;
}

.arrow {
  transition: transform 300ms ease-in-out;
}

.arrow-open {
  transform: rotate(180deg);
}

.arrow-open svg path {
    fill: #3D83DF;
}

.accordion .icon {
    height: auto;
    top: 1.25px;
    width: 20px;
}

@media (max-width: 991px) {
    .accordion .accordion-text {
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
  .accordion {
      margin: 32px auto;
  }
}