#ccm-dashboard-page .above-header .dropdown-content {
  position: static !important;
  transform: none !important;
}

.above-header {
  position: relative;
  background-color: #b88647;
  z-index: 9;
  padding: 0px 1rem;
  /* Initial state of the arrow */
  /* Arrow flipped when the class is active */
}
.above-header .above-header-btn img {
  transition: transform 0.25s ease-in-out;
}
.above-header .above-header-btn.arrow-flipped img {
  transform: rotate(180deg); /* Adjust as needed to flip */
}
.above-header .dropdown-content {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  font-size: 14px;
  background-color: #b88647;
  color: #fff;
  padding: 30px 0 60px;
  z-index: 1;
  transform: translateY(calc(-100% - 45px));
  transition: 0.25s transform ease-in-out;
}
.above-header .dropdown-content.collapsing {
  height: auto;
}
.above-header .dropdown-content .btn-close {
  position: absolute;
  top: 0px;
  right: 1rem;
  width: 22.41px;
  height: 22.41px;
}
@media (min-width: 992px) {
  .above-header .dropdown-content .btn-close {
    right: 45px;
  }
}
.above-header .dropdown-content .content {
  max-width: 745px;
  margin: 0px auto;
}
.above-header .dropdown-content.show {
  transform: translateY(0);
}
.above-header:focus {
  outline: none;
}

.above-header {
  text-align: center;
}
.above-header button.above-header-btn {
  position: relative;
  background-color: #b88647;
  width: 100%;
  height: 45px;
  font-family: "Arya", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  border: none;
  text-transform: uppercase;
  text-align: center;
  z-index: 2;
}
@media (min-width: 576px) {
  .above-header button.above-header-btn {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .above-header button.above-header-btn {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .above-header button.above-header-btn {
    font-size: 21px;
  }
}
.above-header .dropdown-content .title {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
  .above-header .dropdown-content .title {
    font-size: 36px;
  }
}
.above-header .btn.btn-primary {
  border: 2px solid #fff;
}
.above-header .btn.btn-primary:hover,
.above-header .btn.btn-primary:focus {
  color: #b88647;
}
.above-header .btn.btn-primary:hover:before,
.above-header .btn.btn-primary:focus:before {
  background-color: #ffffff;
}
