#page-chuoicungung h2 {
  font-size: 32px;
  color: #005DB9;
  line-height: 45px;
  margin-bottom: 16px; }

#page-chuoicungung .subtitle {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 30px; }

#page-chuoicungung .container-wrap {
  max-width: 814px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center; }

#page-chuoicungung .section-gioithieu {
  padding: 64px 0; }

#page-chuoicungung .section-bannertop {
  padding: 64px 0; }
  #page-chuoicungung .section-bannertop .wrap {
    gap: 16px; }
    #page-chuoicungung .section-bannertop .wrap .item {
      flex: 0 0 calc(50% - 8px);
      max-width: calc(50% - 8px); }
    #page-chuoicungung .section-bannertop .wrap h2 {
      margin-bottom: 12px; }
    #page-chuoicungung .section-bannertop .wrap .action {
      margin-top: 24px; }

#page-chuoicungung .section-faqs {
  margin-bottom: 64px; }
  #page-chuoicungung .section-faqs .faqs-wrap .faq-item {
    padding: 16px;
    text-align: left;
    border-bottom: 1px solid #E2E8F0;
    margin-bottom: 8px; }
    #page-chuoicungung .section-faqs .faqs-wrap .faq-item .faq-head {
      font-weight: 700;
      font-size: 16px;
      padding-right: 40px;
      position: relative;
      cursor: pointer; }
      #page-chuoicungung .section-faqs .faqs-wrap .faq-item .faq-head svg {
        position: absolute;
        right: 0;
        top: 0;
        transition: all 0.5s ease; }
    #page-chuoicungung .section-faqs .faqs-wrap .faq-item .faq-content {
      display: none;
      padding-right: 40px;
      color: #334155; }
    #page-chuoicungung .section-faqs .faqs-wrap .faq-item.active {
      background: #F8FAFC;
      border-radius: 8px; }
      #page-chuoicungung .section-faqs .faqs-wrap .faq-item.active .faq-head svg {
        transform: rotate(180deg); }
      #page-chuoicungung .section-faqs .faqs-wrap .faq-item.active .faq-content {
        display: block;
        padding-top: 12px; }
  #page-chuoicungung .section-faqs .viewmore {
    display: block;
    margin-top: 12px;
    padding: 13px 0;
    color: #D50058;
    font-weight: 700; }
    #page-chuoicungung .section-faqs .viewmore svg {
      margin-left: 8px; }

#page-chuoicungung .section-moitruong {
  padding: 64px 0; }
  #page-chuoicungung .section-moitruong h2 {
    text-align: center;
    margin-bottom: 32px; }
  #page-chuoicungung .section-moitruong .content-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
    #page-chuoicungung .section-moitruong .content-lists .item {
      flex: 0 0 calc(50% - 8px);
      max-width: calc(50% - 8px);
      background: #F8FAFC;
      padding: 32px;
      border-radius: 12px; }
    #page-chuoicungung .section-moitruong .content-lists .item-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 16px; }
      #page-chuoicungung .section-moitruong .content-lists .item-head .title {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 4px; }
      #page-chuoicungung .section-moitruong .content-lists .item-head .des-head {
        font-weight: 700; }
      #page-chuoicungung .section-moitruong .content-lists .item-head span {
        display: block; }
        #page-chuoicungung .section-moitruong .content-lists .item-head span:nth-child(1) {
          color: #005DB9;
          font-weight: 700;
          font-size: 24px; }
    #page-chuoicungung .section-moitruong .content-lists .item-img {
      margin-bottom: 8px; }
    #page-chuoicungung .section-moitruong .content-lists .item-des {
      line-height: 22px;
      padding: 24px 0 0; }
      #page-chuoicungung .section-moitruong .content-lists .item-des .item-des-item {
        border-bottom: 1px solid #64748B;
        padding-bottom: 15px;
        margin-bottom: 15px; }
      #page-chuoicungung .section-moitruong .content-lists .item-des ul {
        list-style: inherit;
        padding-left: 20px;
        margin-top: 4px;
        margin-bottom: 8px; }
  #page-chuoicungung .section-moitruong .section-moitruong-head {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
    #page-chuoicungung .section-moitruong .section-moitruong-head .item-head {
      flex: 0 0 calc(50% - 8px);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 16px;
      max-width: calc(50% - 8px);
      padding: 32px;
      background: #F8FAFC;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      margin-bottom: 0; }
  #page-chuoicungung .section-moitruong .section-moitruong-desrow {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
  #page-chuoicungung .section-moitruong .bg-xam {
    background: #F8FAFC; }
  #page-chuoicungung .section-moitruong .section-moitruong-desrow:not(:last-child) .item-des-item:after {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: calc(100% - 64px);
    border-bottom: 1px solid #334155;
    content: '';
    margin: 0 auto;
    right: 0; }
  #page-chuoicungung .section-moitruong .section-moitruong-desrow:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; }
  #page-chuoicungung .section-moitruong .section-moitruong-desrow .item-des-item {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    padding: 0 32px 32px;
    position: relative; }
  @media (max-width: 991.98px) {
    #page-chuoicungung .section-moitruong .content-lists .item {
      padding: 20px;
      flex: 0 0 100%;
      max-width: 100%; } }

@media (max-width: 767.98px) {
  #page-chuoicungung h2 {
    font-size: 24px;
    line-height: 37px; }
  #page-chuoicungung .subtitle {
    font-size: 16px;
    line-height: 26px; }
  #page-chuoicungung .section-gioithieu {
    padding: 32px 0; }
  #page-chuoicungung .section-bannertop {
    padding: 32px 0; }
    #page-chuoicungung .section-bannertop .wrap .item {
      flex: 0 0 100%;
      max-width: 100%; }
  #page-chuoicungung .section-faqs {
    margin-bottom: 32px; }
  #page-chuoicungung .section-moitruong {
    padding: 32px 0; }
    #page-chuoicungung .section-moitruong h2 {
      margin-bottom: 16px; } }