#page-phucloi .container-wrap {
  max-width: 804px;
  margin: 0 auto;
  padding: 0 15px; }

#page-phucloi .section-gioithieu1 {
  padding: 64px 0 96px; }
  #page-phucloi .section-gioithieu1 .section-gioithieu1-wrapper {
    gap: 24px; }
  #page-phucloi .section-gioithieu1 .item {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px); }
  #page-phucloi .section-gioithieu1 .item-gioithieu1-content {
    padding-right: 30px; }
    #page-phucloi .section-gioithieu1 .item-gioithieu1-content h2 {
      font-size: 32px;
      margin-bottom: 12px;
      color: #005DB9; }
  #page-phucloi .section-gioithieu1 .item-gioithieu1-images {
    gap: 24px; }
    #page-phucloi .section-gioithieu1 .item-gioithieu1-images img {
      border-radius: 8px;
      flex: 0 0 calc(50% - 12px);
      max-width: calc(50% - 12px); }
      #page-phucloi .section-gioithieu1 .item-gioithieu1-images img:nth-child(2) {
        -webkit-transform: translateY(32px);
        transform: translateY(32px); }

#page-phucloi .section-gioithieu2 {
  background: #F0F7FF;
  text-align: center;
  padding: 64px 0; }
  #page-phucloi .section-gioithieu2 h2 {
    font-size: 32px;
    margin-bottom: 16px;
    color: #005DB9; }
  #page-phucloi .section-gioithieu2 .subtitle {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 8px; }

#page-phucloi .section-gioithieu3 {
  text-align: center;
  padding: 64px 0 24px; }
  #page-phucloi .section-gioithieu3 h2 {
    font-size: 32px;
    margin-bottom: 40px;
    color: #005DB9;
    line-height: 45px; }
  #page-phucloi .section-gioithieu3 .section-gioithieu3-wrapper {
    margin-left: -40px;
    margin-right: -40px; }
    #page-phucloi .section-gioithieu3 .section-gioithieu3-wrapper .item-wrap {
      flex: 0 0 33.3333%;
      max-width: 33.33333%;
      padding: 0 40px;
      margin-bottom: 40px; }
      #page-phucloi .section-gioithieu3 .section-gioithieu3-wrapper .item-wrap .img {
        margin-bottom: 20px;
        border-radius: 8px;
        overflow: hidden; }
        #page-phucloi .section-gioithieu3 .section-gioithieu3-wrapper .item-wrap .img img {
          border-radius: 8px; }
      #page-phucloi .section-gioithieu3 .section-gioithieu3-wrapper .item-wrap h3 {
        margin-bottom: 12px;
        font-size: 24px;
        color: #D50058; }

#page-phucloi .section-gioithieu4 {
  padding-bottom: 64px;
  text-align: center; }
  #page-phucloi .section-gioithieu4 h2 {
    font-size: 32px;
    margin-bottom: 16px;
    color: #005DB9;
    line-height: 45px; }

#page-phucloi .section-gioithieu5 .section-gioithieu5-item {
  margin-bottom: 64px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center; }
  #page-phucloi .section-gioithieu5 .section-gioithieu5-item .item-content {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    padding-right: 24px; }
    #page-phucloi .section-gioithieu5 .section-gioithieu5-item .item-content h2 {
      font-size: 32px;
      color: #005DB9;
      margin-bottom: 12px; }
    #page-phucloi .section-gioithieu5 .section-gioithieu5-item .item-content .des ul {
      padding-left: 20px;
      list-style: inherit; }
  #page-phucloi .section-gioithieu5 .section-gioithieu5-item .item-image {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px); }
    #page-phucloi .section-gioithieu5 .section-gioithieu5-item .item-image img {
      border-radius: 8px; }
  #page-phucloi .section-gioithieu5 .section-gioithieu5-item:nth-child(2n) {
    flex-direction: row-reverse; }
    #page-phucloi .section-gioithieu5 .section-gioithieu5-item:nth-child(2n) .item-content {
      padding-right: 0px;
      padding-left: 24px; }

#page-phucloi .section-gioithieu6 {
  padding: 64px 0;
  text-align: center; }
  #page-phucloi .section-gioithieu6 h2 {
    font-size: 32px;
    color: #005DB9;
    margin-bottom: 16px; }
  #page-phucloi .section-gioithieu6 .subtitle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px; }
  #page-phucloi .section-gioithieu6 .action {
    margin-top: 32px; }
    #page-phucloi .section-gioithieu6 .action a {
      font-weight: 700;
      font-size: 16px; }

@media (max-width: 991.98px) {
  #page-phucloi .section-gioithieu3 .section-gioithieu3-wrapper {
    margin-left: -20px;
    margin-right: -20px; }
    #page-phucloi .section-gioithieu3 .section-gioithieu3-wrapper .item-wrap {
      padding: 0 20px;
      margin-bottom: 40px; }
      #page-phucloi .section-gioithieu3 .section-gioithieu3-wrapper .item-wrap h3 {
        font-size: 20px; } }

@media (max-width: 767.98px) {
  #page-phucloi .section-gioithieu1 {
    padding: 32px 0 64px; }
    #page-phucloi .section-gioithieu1 .item-gioithieu1-content {
      padding-right: 0px; }
      #page-phucloi .section-gioithieu1 .item-gioithieu1-content h2 {
        font-size: 24px;
        text-align: center; }
    #page-phucloi .section-gioithieu1 .item {
      flex: 0 0 100%;
      max-width: 100%; }
  #page-phucloi .section-gioithieu2 {
    padding: 32px 0; }
    #page-phucloi .section-gioithieu2 h2 {
      font-size: 24px; }
    #page-phucloi .section-gioithieu2 .subtitle {
      font-size: 16px; }
  #page-phucloi .section-gioithieu3 {
    padding: 32px 0 2px; }
    #page-phucloi .section-gioithieu3 .section-gioithieu3-wrapper {
      margin-left: -15px;
      margin-right: -15px; }
      #page-phucloi .section-gioithieu3 .section-gioithieu3-wrapper .item-wrap {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        margin-bottom: 30px; }
  #page-phucloi .section-gioithieu4 {
    padding-bottom: 32px; }
  #page-phucloi .section-gioithieu5 .section-gioithieu5-item {
    margin-bottom: 32px;
    gap: 16px; }
    #page-phucloi .section-gioithieu5 .section-gioithieu5-item .item-content {
      flex: 0 0 100%;
      max-width: 100%;
      padding-right: 0px; }
      #page-phucloi .section-gioithieu5 .section-gioithieu5-item .item-content h2 {
        font-size: 24px; }
    #page-phucloi .section-gioithieu5 .section-gioithieu5-item .item-image {
      flex: 0 0 100%;
      max-width: 100%; }
    #page-phucloi .section-gioithieu5 .section-gioithieu5-item:nth-child(2n) .item-content {
      padding-right: 0px;
      padding-left: 0px; }
  #page-phucloi .section-gioithieu6 {
    padding: 32px 0; }
    #page-phucloi .section-gioithieu6 h2 {
      font-size: 24px; }
    #page-phucloi .section-gioithieu6 .subtitle {
      font-size: 16px; }
    #page-phucloi .section-gioithieu6 .action {
      margin-top: 16pxpx; } }