.page-header {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  /* margin-bottom: 80px; */
}

.page-title p {
  color: #435363;
  text-align: right;

  /* Heading/H3 */

  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 110% */
}

.search-section {
  position: relative;
}

.search-section input {
  display: flex;
  width: 100%;
  padding: 12px 16px;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #b4bac1;
  background: #fff;
}

.search-icon {
  position: absolute;
  left: 14px;
  top: 14px;
  color: #9ca3af;
}

.services-header {
  color: #435363;
  text-align: right;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 26px;
  margin-top: 65px;
}

.clear-button {
  position: absolute;
  left: 60px;
  top: 16px;
  display: none;
}

.accordion-item,
.accordion-item:first-of-type {
  margin-bottom: 16px;
  border: unset !important;
  border-radius: 12px;
  border-radius: 12px;
}

.accordion-button {
  border-radius: 12px !important;
  border: 0.5px solid rgba(157, 164, 174, 0.7);
  background: #fff;
  color: #435363;
  min-height: 66px;
}

.accordion-button h5 {
  color: #435363;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  margin: 0px !important;
}

.accordion-button.collapsed {
  border-radius: 12px;
  border: 0.5px solid rgba(157, 164, 174, 0.7);
  background: #fff;
}

.accordion-button:not(.collapsed) {
  color: #435363;
  background: #fff;
  border: 0.5px solid rgba(157, 164, 174, 0.7);
  border-radius: 12px !important;
  box-shadow: unset;
  border-bottom: 0px;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.accordion-body {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: #fff;
  border: 0.5px solid rgba(157, 164, 174, 0.7);
  border-top: 0px;
  padding-left: 0px;
}

.accordion-button::after {
  background-image: url(../images/square-arrow-down.png);
  transform: rotate(0deg);
  position: absolute;
  left: 25px;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../images/square-arrow-down.png);
  transform: rotate(180deg);
}

.category-icon {
  width: 20px;
  margin-left: 10px;
}

.nav-pills .nav-link {
  height: 55px;
  color: #0f172a;
  font-weight: bold;
  text-align: right;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 140% */
}

.nav-pills .active .nav-link {
  background-color: #f9fafb;
  color: #25935f;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 100%;
}

.sidebar-links a.active {
  position: relative;
}

.sidebar-links a.active::after {
  content: "";
  display: flex;
  width: 1px;
  height: -webkit-fill-available;
  background: rgb(245 246 247);
  left: -1px;
  position: absolute;
  top: 0px;
}

.active b:nth-child(1) {
  position: absolute;
  top: -15px;
  height: 15px;
  left: -1px;
  width: 100%;
  background-color: #f9fafb;
}

.active b:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-bottom-left-radius: 20px;
}

.active b:nth-child(2) {
  position: absolute;
  bottom: -15px;
  height: 15px;
  left: -1px;
  width: 100%;
  background-color: #f9fafb;
}

.active b:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-top-left-radius: 20px;
}