.aba-cover-image {
  background: var(--serious-teal);
  padding-top: 250px;
}

.aba-cover-title {
  font-size: 32px;
  max-width: 440px;
  color: white;
  font-weight: bold;
}

.aba-cover-subtitle {
  margin-top: 1.5rem;
  font-size: 16px;
  color: white;
  max-width: 420px;
}

.aba-cover-devices {
  max-height: 560px;
  position: absolute;
}

.aba-cover-devices img {
  width: 65%;
}

.aba-top-shapes {
  max-height: 675px;
  margin-top: -290px;
}

.bg-teal {
  background: var(--serious-teal);
}

.aba-top-shape-mobile {
  max-height: 145px;
  margin-top: -400px;
}

/* ABA PROBLEM STYLES */

.aba-problem-wrapper {
  background-color: var(--serious-dark-blue);
  margin-top: -1px;
  z-index: 1;
}

.aba-problem {
  margin-top: -200px;
}


.aba-problem-devices {
  position: absolute;
  max-height: 649px;
  top: -110px;
  left: 3rem;
}

.aba-accordion {
  border: 3px solid var(--serious-teal);
}

.accordion-body-item {
  border-radius: 0 0 40px 0;
  border: 1px solid;
  border-color: var(--serious-teal);
}

.accordion-body-item-header {
  padding: 16px;
  border-radius: 0 0 40px 0;
}

.dark-blue-border {
  border-color: var(--serious-dark-blue);
}

.bg-dark-blue {
  background: var(--serious-dark-blue);
}

.accordion-body-item-border-radius {
  border-radius: 0 0 40px 0;
}

.aba-bottom-shape {
  max-height: 589px;
  margin-top: -600px;
}

/* ACCORDION STYLES */

.accordion-header {
  border-bottom: 3px solid var(--serious-teal);
}
.accordion-item {
  padding: 0;
  border-bottom: none;
}


.accordion-item-green {
  border-bottom: none !important;
}

.accordion-item, .accordion-button {
  background-color: transparent;
}

.accordion-flush {
  --bs-gutter-x: 0 !important;
}

.accordion.accordion-flush .accordion-item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion-button {
  padding: 2rem 1rem 0.5rem;
}

.accordion-button .hww-title {
  font-weight: 700;
  text-transform: none;
}

.accordion-button:after {
  align-self: flex-end;
  content: "+";
  font-size: min(1.5rem, 40px);
  font-weight: 700;
  background-image: none;
  margin-bottom: 8px;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
  color: var(--serious-dark-blue);
  background-color: transparent;
}

.accordion-button:not(.collapsed)::after {
  content: "\2014";
  font-size: min(1.3rem, 30px);
  background-image: none;
  transform: none;
}

.accordion-button.acc-one {
  color: #2FA8A6;
  border-bottom: solid 3px #2FA8A6;
}

.accordion-button.acc-one:not(.collapsed) {
  background-color: #2FA8A6;
  color: var(--serious-off-white);
}

.accordion-button.acc-two {
  color: #50B4A8;
  border-bottom: solid 3px #50B4A8;
}

.accordion-button.acc-two:not(.collapsed) {
  background-color: #50B4A8;
  color: var(--serious-off-white);
}

.accordion-button.acc-three {
  color: #50B4A8;
  border-bottom: solid 3px #50B4A8;
}

.accordion-button.acc-three:not(.collapsed) {
  background-color: #50B4A8;
  color: var(--serious-off-white);
}

.accordion-button.acc-four {
  color: #69C4B4;
  border-bottom: solid 3px #69C4B4;
}

.accordion-button.acc-four:not(.collapsed) {
  background-color: #69C4B4;
  color: var(--serious-off-white);;
}

.accordion-button.acc-five {
  color: #69C4B4;
  border-bottom: solid 3px #69C4B4;
}

.accordion-button.acc-five:not(.collapsed) {
  background-color: #69C4B4;
  color: var(--serious-off-white);
}

.accordion-button.acc-six {
  color: #9BD1CA;
  border-bottom: solid 3px #9BD1CA
}

.accordion-button.acc-six:not(.collapsed) {
  background-color: #9BD1CA;
  color: var(--serious-off-white);
}

.accordion-button.acc-seven {
  color: #9BD1CA;
  border-bottom: solid 3px #9BD1CA;
}

.accordion-button.acc-seven:not(.collapsed) {
  background-color: #9BD1CA;
  color: var(--serious-dark-blue);
}

.accordion-button.acc-eight {
  color: #B3E0E0;
  border-bottom: solid 3px #B3E0E0;
}

.accordion-button.acc-eight:not(.collapsed) {
  background-color: #B3E0E0;
  color: var(--serious-dark-blue);
}

.accordion-button.acc-nine {
  color: #B3E0E0;
  border-bottom: solid 3px #B3E0E0;
}

.accordion-button.acc-nine:not(.collapsed) {
  background-color: #B3E0E0;
  color: var(--serious-dark-blue);
}

.accordion-button.acc-ten {
  color: #C9E8EA;
  border-bottom: solid 3px #C9E8EA;
}

.accordion-button.acc-ten:not(.collapsed) {
  background-color: #C9E8EA;
  color: var(--serious-dark-blue);
}

.accordion-button.acc-eleven {
  color: #C9E8EA;
  border-bottom: solid 3px #C9E8EA;
}

.accordion-button.acc-eleven:not(.collapsed) {
  background-color: #C9E8EA;
  color: var(--serious-dark-blue);
}

.accordion-button.acc-twelve {
  color: #F2F9F9;
  border-bottom: solid 3px #C9E8EA;
}

.accordion-button.acc-twelve:not(.collapsed) {
  background-color: #F2F9F9;
  color: var(--serious-dark-blue);
}

.accordion-button.acc-thirteen {
  color: var(--serious-off-white);
  border-bottom: solid 3px var(--serious-off-white);
}

.accordion-button.acc-thirteen:not(.collapsed) {
  background-color: var(--serious-off-white);
  color: var(--serious-dark-blue);
}

/* PROVEN RESULTS STYLES */

.bg-off-white {
  background: var(--serious-off-white);
}

.proven-results-wrapper {
  margin-top: -23px;
  padding-top: 3rem;
}

.result {
  border-radius: 40px 0 40px 0;
  padding: 1.5rem;
}

.result-blue {
  background: var(--serious-dark-blue);
}

.result-white {
  background: white;
  border: 4px solid var(--serious-teal);
  line-height: 1.2;
}

.result-teal {
  background: var(--serious-teal);
}

.text-teal {
  color: var(--serious-teal);
}

.fs-96 {
  font-size: 96px;
}

/* CALENDAR STYLES */
.calendar-shape {
  height: 393px;
  margin-top: -2px;
}

.build-or-buy-top-shape {
  margin-top: -100px;
}

.contact-top-shapes {
  max-height: 205px;
}

.contact-bottom-shape {
  max-height: 345px;
  margin-top: -300px;
}

.case-studies {
  margin-top: -80px;
}

.text-lg-white {
  color: white;
}

@media screen and (max-width: 1200px) {
  .aba-problem-devices {
    top: 30px;
  }
}

@media screen and (max-width: 1080px) {
  .calendly-wrapper {
    padding: 140px 0 120px 0;
  }
}

@media screen and (max-width: 992px) {
  .aba-cover-title, .aba-cover-subtitle {
    max-width: 100%;
  }

  .aba-cover-image {
    padding-top: 140px;
  }

  .devices-mobile {
    max-height: 632px;
  }

  .aba-problem-wrapper {
    margin-top: 200px;
    background-color: var(--serious-off-white);
    position: relative;
  }

  .text-lg-white {
    color: black;
  }

  .aba-accordion {
    border: none;
    padding: 0 !important;
    background-color: var(--serious-off-white) !important;
  }

  .case-studies {
    margin-top: 0;
  }

  .contact-bottom-shape {
    margin-top: -100px;
  }

  .build-or-buy-top-shape {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .calendly-wrapper {
    padding-top: 250px;
  }
}

@media screen and (max-width: 480px) {
  .devices-mobile {
    width: 100%;
  }
}