.navigation-release-notes ul li {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.16px;
}
.navigation-release-notes {
  margin-bottom: 20px;
}
.navigation-release-notes li a {
  color: var(--Gray-600, #475467);
}

.active {
  color: #2e90fa !important;
}
.release-note-content {
  width: 100%;
}

.content-above{
  margin-top: 140px;
}
.release-note-content p {
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  max-width: 333px;
  width: 100%;
}

.release-note-content p:nth-child(2) {
  color: #007196;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

/* Contact form */
.btn-base {
  text-decoration: none;
  padding: 12px 18px;
  border-radius: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08),
    0 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.btn-watch-demo {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 2px solid #007196;

  background-color: #fff;
  color: #007196;
}

.btn-contact-now {
  background: linear-gradient(94deg, #0da8ff 0%, #005096 100.98%);
  color: #fff;
}

.btn-submit-now {
  margin-top: 14px;
  background: linear-gradient(94deg, #0da8ff 0%, #005096 100.98%);
  color: #fff;
}

.btn-submit-now > div {
  gap: 16px;
}
.contact-us-form {
  gap: 18px;
  padding: 20px;
  border: 2px solid var(--Blue-light-600, #0086c9);
  border-radius: 20px;
  box-shadow: 0 50px 200px -40px rgba(0, 0, 0, 0.06);
}

.contact-us-form > h2 {
  overflow: hidden;
  color: var(--Primary-Color-1);
  text-overflow: ellipsis;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.input-field .form-label {
  color: #344054;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 6px;
}

/* Detail Post Section */
.detail-post {
  position: relative;
  padding: 0 16px;
  overflow: visible;

  margin-top: 60px;
}

.background-behind {
  width: 100%;
  height: 500px;
  position: absolute;
  left: -40px;
  top: -150px;
  border-radius: 50%;
  background: rgba(13, 161, 247, 0.3);
  filter: blur(150px);
  z-index: 0;
}

.post-card {
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.post-header {
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.datetime p {
  color: #7f879e;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  margin: 0;
}

.post-title {
  color: var(--Black-01, #1b2124);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 36.4px */
  text-transform: capitalize;
}

.post-image {
  width: 100%;
  height: 321px;
  overflow: hidden;
  border-radius: 16px;
}

.post-tags {
  margin-top: 24px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.disabled {
  display: none;
}
.number-read {
  display: none;
}

.tag {
  color: var(--Cloud-SaaS-Color-1, #0258f8);
  font-size: 16px;
  font-weight: 500;
  padding: 8px 12px;
  line-height: 150%;
  border-radius: 100px;
  background: var(--Blue-light-100, #e0f2fe);
}

.tag:hover {
  background: #0369a1;
  color: white;
}
.post-content {
  padding-top: 16px;
}
.post-content p {
  color: var(--Gray-500, #667085);
  font-size: 18px;
  font-weight: 500;
  line-height: 32px; /* 177.778% */
  text-transform: capitalize;
}

.footer-al{
  padding-top: 0;
}

/* Responsive */
/* Tablet */
@media (max-width: 768px) {
  .post-title {
    font-size: 24px;
  }

  .post-image {
    height: 240px;
  }
}
/* Laptop bản to */
@media (min-width: 768px) {
  .contact-us-form {
    background-color: white;
    position: relative;
    z-index: 10;
  }
  .content-above {
    display: flex;
    align-items: center;
    padding: 0 112px;
    justify-content: space-between;
  }
  .contact-form {
    width: 50%;
  }
  .detail-post {
    background-color: #edf8fe;
  }
  .much {
    display: none;
  }
  .disabled {
    display: block;
  }
  .release-note-content {
    width: 96%;
  }
  .post-card {
    display: flex;
    padding: 96px 112px 192px 112px;
  }
  .detail-paragraph,
  .post-header {
    flex: 1;
  }
  .background-behind {
    width: 20%;
    height: 500px;
    position: absolute;
    left: 600px;
    top: -500px;
    border-radius: 50%;
    background: rgba(13, 161, 247, 0.3);
    filter: blur(130px);
    z-index: 0;
  }
  .post-header {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .release-note-content {
    width: 85%;
  }
  .number-read {
    display: block;
    color: var(--Grey-01, #7f879e);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; 
  }
}