.cohereo-changelog header {
  h1 {
    font-size: 2.8rem;
    word-spacing: 3px;
    letter-spacing: 0.008rem;
    line-height: 3.6rem;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.5rem;
  }
}

.changelog-listing-header {
  padding: 7rem 0 5rem 0;
}

.cohereo-changelog,
.cChoreoSection.grey {
  background: #f7f8fb;
}

.cCohereo-row {
  box-sizing: border-box;
  border: 1px solid #e6e7ec;
  border-radius: 0px;
  display: inline-block;
  box-shadow: none;
  background: transparent;
  padding: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  width: 100%;
  background: #fff;
}

.cCohereo-row.scale-hover:hover {
  transform: scale(1.05);
  transition: 0.4s;
}

.cCohereo-row .cDate {
  color: #494848;
  font-size: 12px;
  list-style: none;
  text-transform: uppercase;
  word-spacing: 3px;
  letter-spacing: 0.008rem;
  margin-bottom: 20px;
}

.cCohereo-row .cProductTag,
.cCohereo-row .cTypeTag {
  font-size: 14px;
  top: -3px;
  right: -15px;
  padding: 7px 17px 7px 17px;
  border: 1px solid #e6e7ec;
  border-right: none;
  border-radius: 50px;
  font-weight: 500;
  display: inline-block;
  float: none;
  border: none;
  margin-right: 10px;
}

.cCohereo-row .cLibraryContentInfo {
  padding: 0;
  margin: 0;
}

.cFeature .cCohereo-row .cTypeTag {
  background: #81fb55;
}

.cBugFix .cCohereo-row .cTypeTag {
  background: #b600bd;
}

.cImprovement .cCohereo-row .cTypeTag {
  background: #ffcc74;
}

.cCohereo-row .cProductTag {
  background: #d4d9f4;
}

.cCohereo-row a {
  text-decoration: none;
}

.cCohereo-row h2 {
  font-weight: 600;
  letter-spacing: 0.008rem;
  line-height: 1.5rem;
  font-size: 1.1rem;
  margin: 0 0 1.5rem;
  color: #000;
  word-spacing: 3px;
}

.cCohereo-row p a {
  text-decoration: underline;
  color: #494848;
}

.cCohereo-row p a:hover {
  color: var(--color-link);
  text-decoration: none;
}

section.changelog-detail-header {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: url(//wso2.cachefly.net/wso2/sites/all/2022-optimized/choreoBlogbg.jpg);
  background-position: top center;
  background-repeat: repeat;
}

section.changelog-detail-header h1 {
  color: #fff;
  margin: 0 0 1.5rem;
  font-size: 2.8rem;
  word-spacing: 3px;
  letter-spacing: 0.008rem;
  line-height: 3.6rem;
  font-weight: 700;
}

.page-node-type-change-log {
  background: #f2f2f2;
}

.changelog-landing-container {
  padding: 7rem 0;
}

div.changelog-landing-row {
  padding: 30px;
  border-radius: 20px;
}

div.changelog-landing-row h2 {
  font-size: 30px;
  line-height: 40px;
  margin-top: 1.5rem;
}

#views-exposed-form-choreo-changelog-page-1,
#views-exposed-form-asgardeo-changelog-block-1 {
  padding: 16px;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(50, 50, 77, 0.07);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#views-exposed-form-asgardeo-changelog-block-1 {
  padding: 20px;
  border-radius: 16px;
  border: solid 1px #ccc;
}
#block-views-block-asgardeo-changelog-block-1 h1 {
  margin-top: 30px;
}
@media (min-width: 768px) {
  #views-exposed-form-asgardeo-changelog-block-1
    .form-item-field-change-log-type-value {
    max-width: 525px;
    width: 100%;
  }
  #block-views-block-asgardeo-changelog-block-1 h1 {
    margin-top: 0px;
  }
}
.asgardio-changelog-landing-container a {
  text-decoration: underline !important;
}
#views-exposed-form-choreo-changelog-page-1
  .form-item-field-change-log-type-value,
#views-exposed-form-asgardeo-changelog-block-1
  .form-item-field-change-log-type-value {
  display: flex;
  align-items: center;
  justify-content: center;
}

#views-exposed-form-choreo-changelog-page-1
  .form-item-field-change-log-type-value
  label,
#views-exposed-form-asgardeo-changelog-block-1
  .form-item-field-change-log-type-value
  label {
  white-space: nowrap;
  font-size: 1.5rem;
  word-spacing: 3px;
  letter-spacing: 0.008rem;
  line-height: 2.3rem;
  font-weight: 400;
  color: #000;
  margin: 0 30px 0 0;
}

#views-exposed-form-choreo-changelog-page-1
  .form-item-field-change-log-type-value
  select,
#views-exposed-form-asgardeo-changelog-block-1
  .form-item-field-change-log-type-value
  select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff
    url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
    no-repeat right 0.75rem center / 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/** cohreo btn **/
.cChoreoButton {
  background-color: #000000;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-align: center;
  padding: 12px 34px;
  display: inline-block;
  text-transform: none;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  word-spacing: 3px;
  border: solid 1px #000000;
  cursor: pointer;
  text-decoration: none;
}

.cChoreoButton.btnLg {
  font-size: 21px;
  padding: 20px 38px;
  min-width: 276px;
}

.cChoreoButton.btnMd {
  font-size: 16px;
  padding-left: 14px;
  padding-right: 14px;
  border-radius: 5px;
  min-width: 178px;
}

.cChoreoButton.btnMdL2 {
  padding: 14px 30px;
  font-size: 18px;
  min-width: 242px;
}

.cChoreoButton:hover {
  background-color: #5567d5;
  border: solid 1px #5567d5;
  color: #fff;
}

.cChoreoButtonOutline {
  background-color: transparent;
  text-decoration: none;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-align: center;
  padding: 14px 14px 14px;
  display: inline-block;
  text-transform: none;
  color: #000;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  word-spacing: 3px;
  border: solid 2px #000000;
  cursor: pointer;
  text-decoration: none;
}

.cChoreoButtonOutline.btnLg {
  font-size: 21px;
  line-height: 12px;
  padding: 20px 38px;
  min-width: 276px;
}

.cChoreoButtonOutline.btnMdL2 {
  min-width: 242px;
}

.cChoreoButtonOutline:hover {
  background-color: #5567d5;
  border: solid 1px #5567d5;
  color: #fff;
}

/** choreo sectin **/
.cChoreoSection {
  padding: 5rem 0 5rem 0;
}

.cChoreoSection p {
  color: #494848;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 2.5rem;
}

/* .cChoreoSection a:not(.cChoreoButtonOutline, .cChoreoButton) {
  color: #5567D5;
  letter-spacing: 0;
  text-decoration: underline;
  font-size: 1rem;
  font-weight: 700;
} */

.cChoreoSection.StartupFooter {
  padding: 0rem 0;
  background-color: rgba(84, 92, 236, 0.15);
  color: #40404b;
  margin-top: 4rem;
}

.cChoreoSection .cFooterStart {
  background-image: url(https://wso2.cachefly.net/wso2/sites/all/2023/choreo/startups-choreo-footer-banner.png);
  background-repeat: no-repeat;
  background-size: 33%;
  background-position: center right 3rem;
}

.cChoreoSection.StartupFooter h3.Inh3 {
  color: #000;
  margin-bottom: 1rem;
  padding-top: 1rem;
}

.cChoreoSection.StartupFooter .cFooterStart p {
  margin-bottom: 0.5rem;
}

.cChoreoSection.StartupFooter a.cApply {
  color: #5567d5 !important;
  margin-bottom: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 1.1rem;
  background-image: url(https://wso2.cachefly.net/wso2/sites/all/2023/choreo/choreo-arrow.png);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: top 10px left 106px;
  width: 100%;
  display: inline-block;
  text-decoration: none;
}

.cChoreoSection.StartupFooter a.cApply:hover {
  background-position: top 10px left 110px;
}

@media screen and (max-width: 992px) {
  .cChoreoSection {
    padding: 2rem 0 2rem 0;
  }
}