.HCP_Browse .dashboard-nav .container {
  max-width: inherit !important;
  padding-left: 3rem;
  padding-right: 3rem;
}

.hcp_browse_category .Browse-main {
  /* padding-left: 2.5rem; */
  padding: 1.25rem 1.5rem 0 1.25rem;
}

.hcp_browse_category .Browse-main .Browse-title h4 {
  display: flex;
  align-items: center;
  grid-gap: 0.3rem;
  font-size: 1.2rem;
}

/* .Browse-main .Browse-main-sec .Browse-left {
  max-width: 75%;
  min-width: 75%;
  margin: 0 auto;
} */

.Browse-main .Browse-main-sec .Browse-left h4, 
.Browse-main .Browse-main-sec .Browse-left h1 {
  font-size: 1.8rem;
  font-weight: 400;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
}
 
.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-header {
  display: flex;
  justify-content: space-between;
  background-color: #d3f6d8;
  padding: 0.8rem 2rem;
  border-radius: 4px 4px 0 0px;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-header
  .Topic-header-right {
  display: flex;
  grid-gap: 0.5rem;
  align-items: center;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-header
  .Topic-header-left
  .ant-input-group-addon:last-child
  .ant-input-search-button:not(.ant-btn-primary) {
  border-left: none;
  height: 2.4rem;
  border-radius: 0 5px 5px 0;
  display: none;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-header
  .Topic-header-left
  .spl-search
  .ant-input-affix-wrapper {
  height: 2.4rem;
  border-radius: 5px 0 0 5px;
}
.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-header
  .Topic-header-left
  .spl-search
  .anticon-close-circle {
  font-size: 18px;
  color: rgba(255, 119, 61,0.8);
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #ff773d;
}


.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
.ant-tabs-tab {
  font-size: 1.1rem;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-header
  .Topic-header-right
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  border-radius: 5px;
} 

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-body {
  padding: 1.5rem 2rem;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-body
  h5 {
  margin-bottom: 0.8rem;
  font-weight: bold;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-body
  .Topic-section {
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 1.2rem;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-body
  .Topic-section:last-child {
  border: none;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-body
  .topic_type {
  background-color: #d3f6d8;
  font-size: 1.2rem;
  padding: 0.4rem;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5rem;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-body
  .Topic-section
  ul {
  padding-left: 0;
  column-count: 4;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-body
  .Topic-section
  ul
  li {
  list-style: none;
}

.Browse-Topic .Topic-header .clearAllBrowseCate {
  text-decoration: none;
  font-size: 15px;
  color: #1b9ad3;
}
.Browse-Topic .Topic-header .Topic-header-right .clearAllBrowseCate:hover {
  text-decoration: none;
  font-size: 15px;
  color: #ff773d;
}
.Browse-Topic .Topic-header .Topic-header-right .clearAllBrowseCate:focus {
  box-shadow: none;
}
.Browse-right .Tab-Side-section .browse-sugg-title .title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--dark-blue);
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}

.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .Topic-body
  .Topic-section
  ul
  li
  a {
  text-decoration: none;
  color: #1b9ad3;
  font-size: 1rem;
}

.Browse-main .Browse-main-sec .Browse-left .Browse-tabs .Browse-Topic {
  border: 1px solid #d5d5d5;
  margin-top: -1px;
  border-radius: 5px;
}
.error-input .error-message {
  display: block;
  margin-top: 5px;
  color: red;
}
.Browse-main
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .Browse-Topic
  .monthYr-header {
  padding: 2rem;
}
.hcp_browse_category .Browse-main .Browse-main-sec {
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
}

.hcp_browse_category .Browse-main .Browse-main-sec .Browse-right {
  min-width: 20%;
  max-width: 20%;
}

.Browse-right.suggested-activities-div .eventtype-date-section,
.Browse-right.suggested-activities-div .location-sec {
  font-size: 0.9rem;
}

.Browse-right.suggested-activities-div
  .profile-bt-section
  .Tab-Side-section
  .tabs-card1
  .card-section1
  .credits-div {
  font-size: 0.9rem;
}
.mobileBrowse
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .profile-bt-section
  .mobile-select-navigate
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  min-height: 38px;
  border: 1px solid #bbb;
  border-radius: 5px;
}
.mobileBrowse
  .Browse-main-sec
  .Browse-left
  .Browse-tabs
  .profile-bt-section
  .mobile-select-navigate
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-item {
  line-height: 37px;
  font-size: 16px;
}

.mobileBrowse .Browse-Topic .Topic-header .clearAllBrowseCate {
  text-decoration: none;
  font-size: 14px;
  color: #1b9ad3;
}
.mobileBrowse .Browse-main .Browse-title h4{
  font-size: 16px;
}

@media (max-width: 1400px) {
  .Browse-main .Browse-main-sec .Browse-left {
    max-width: 72%;
    min-width: 72%;
  }
  .hcp_browse_category .Browse-main .Browse-main-sec .Browse-right {
    min-width: 25%;
    max-width: 25%;
  }
  .Browse-main
    .Browse-main-sec
    .Browse-left
    .Browse-tabs
    .Browse-Topic
    .Topic-body
    .Topic-section
    ul {
    grid-template-columns: repeat(5, auto);
  }
  .Browse-main
    .Browse-main-sec
    .Browse-left
    .Browse-tabs
    .Browse-Topic
    .Topic-body
    .Topic-section
    ul {
    padding-left: 0;
    column-count: 3;
  }
}

@media (max-width: 1200px) {
  .Browse-main
    .Browse-main-sec
    .Browse-left
    .Browse-tabs
    .Browse-Topic
    .Topic-body
    .Topic-section
    ul {
    grid-template-columns: repeat(4, auto);
  }
  .Browse-main .Browse-main-sec .Browse-left {
    max-width: 70%;
    min-width: 70%;
  }
  .hcp_browse_category .Browse-main .Browse-main-sec .Browse-right {
    min-width: 27%;
    max-width: 27%;
  }
}

@media (max-width: 1100px) {
  .Browse-main
    .Browse-main-sec
    .Browse-left
    .Browse-tabs
    .Browse-Topic
    .Topic-body
    .Topic-section
    ul {
    grid-template-columns: repeat(3, auto);
  }
}

/* Browse-by mobile layout previously depended on these rules being loaded
   indirectly from blog.css. Keep them with the component they style so the
   route-scoped stylesheet remains self-contained. */
.mobileBrowse {
  max-width: 100vw;
  overflow-x: hidden;
}

.mobileBrowse .Browse-main,
.mobileBrowse .Browse-main .Browse-main-sec,
.mobileBrowse .Browse-main .Browse-main-sec .Browse-left,
.mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs,
.mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
  .Browse-Topic {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.mobileBrowse .Browse-main {
  width: 100vw;
}

.mobileBrowse .Browse-main .Browse-main-sec .Browse-left h1,
.mobileBrowse .Browse-main .Browse-main-sec .Browse-left h4 {
  overflow-wrap: anywhere;
  white-space: normal;
}

.mobileBrowse .Browse-main .Browse-main-sec .Browse-left {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
  .Browse-Topic .Topic-header {
  flex-direction: column;
  gap: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
  .Browse-Topic .Topic-header .Topic-header-left,
.mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
  .Browse-Topic .Topic-header .Topic-header-left .spl-search {
  width: 100% !important;
}

.mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
  .Browse-Topic .Topic-body {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mobileBrowse .Browse-main .Browse-title {
  padding: 1rem 1rem 0;
}

.mobileBrowse .Browse-main .Browse-title h4 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
    .Browse-Topic .Topic-body .Topic-section ul {
    column-count: 1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0 1rem;
  }
}

@media (max-width: 991px) {
  .mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
    .Browse-Topic .Topic-body .Topic-section ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
    .Browse-Topic .Topic-body .Topic-section ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
    .Browse-Topic .Topic-body .Topic-section ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
    .Browse-Topic .Topic-body .Topic-section li,
  .mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
    .Browse-Topic .Topic-body .Topic-section a {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .mobileBrowse .Browse-main .Browse-main-sec .Browse-left .Browse-tabs
    .Browse-Topic .Topic-header .Topic-header-right {
    justify-content: space-between;
    width: 100%;
  }
}