@font-face {
    font-family: geomanist;
    src: url('font/Geomanist/Geomanist-Black.otf');
  }
  @font-face {
    font-family: geomanist regular;
    src: url('font/Geomanist/Geomanist-Regular.otf');
  }
  @font-face {
    font-family: geomanist bold;
    src: url('font/Geomanist/Geomanist-Bold.otf');
  }
  @font-face {
    font-family: merriweather bold;
    src: url('font/Merriweather/Merriweather-Bold.ttf');
  }
  @font-face {
    font-family: geomanist medium;
    src: url('font/Geomanist/Geomanist-Medium.otf');
  }
  #block-vision .block-top-content{
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background: url(img/hinh/bg_tamnhin.jpg);
      float: left;
      width: 100%;
      padding: 107px 0 0;
      background-position: bottom right;
  }
  body {
      margin: auto;
      font-family: "geomanist", cursive;
  }
  
  .content-block-custom {
      padding: 90px  0 0;
      float: left;
      width: 100%;
      position: relative;
  }
  
  .block-flex {
      
  }
  
  .block-custom img {
      max-width: 100%;
  }
  
  #block-vision .leff-content {
      float: left;
      width: 34%;
      background: #557961;
      color: #Fff;
      padding: 112px 100px 82px 100px;
      margin-bottom: 90px;
  }
  div#block-desc1 .block-desc-small p {
    line-height: 29px;
    font-size: 24px;
    font-weight: unset;
}
div#content-small p {
    font-size: 23px !important;
    line-height: 29px;
    text-align: justify;
    font-family: serif;
}

div#content-small {
    max-width: 890px;
    margin: 0 auto;
}

div#content-small p {
    line-height: normal;
    text-align: justify;
}

div#block-desc2 {
    position: relative;
    margin-top: -4px;
}
  .block-custom {
      float: left;
      width: 100%;
      position: relative;
      /* background: #fff9ef; */
      z-index: 2;
      /* overflow: hidden; */
      background: #fefaee;
      background-size: auto;
      background-position: center;
  }
  
  .block-title {
      font-size: 67pt;
      margin: auto;
      line-height: normal;
      text-align: center;
      text-shadow: 0 0 10px #00000059;
      text-transform: uppercase;
  }
  
  #block-vision .leff-content p {
      line-height: 35px;
      letter-spacing: 0.8px;
  }
  .padding-0 {
      padding: 0 !important;
  }
  
  
  div#block-mission .block-top-content {
      padding: 80px 0;
      text-align: center;
      background: #557961;
      color: #ffff;
      font-size: 18px;
      position: relative;
      z-index: 2;
  }
  img.fullwidth {
      width: 100%;
      height: auto;
  }
  .t-center {
      text-align: center !important;
  }
  .block-desc {
      font-size: 23px;
      font-family: 'geomanist regular';
      position: relative;
      /* text-align: justify; */
  }
#block-motto .g-img-box img:first-child {
      position: unset;
  }
  .g-img-box img:first-child {
      transform: rotate(-7deg);
      position: absolute;
      width: 500px;
      left: 2%;
      bottom: 25%;
  }
  
  .g-img-box img:nth-child(2) {
      transform: rotate(15deg);
  }
  
  .g-img-box {
      width: 94% !important;
      margin: auto !important;
      float: none !important;
      padding: 50px 0  90px 0;
      display: grid !important;
      position: relative;
  }
  .g-img-box img {border: 10px solid whitesmoke;max-width: 95%;z-index: 2;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
  
  .container{
      width: 900px;
      max-width: 100%;
      margin: auto;
  }
  .block-flex-3 {
      grid-template-columns: repeat(3, auto);
  }
  .block-grid {
      display: grid;
      grid-template-columns: repeat(1,1fr);
  }
  
  .gap-10 {
      gap: 10px;
  }
  .padding-30 {
      padding: 30px 0;
  }
  .container-large {
      width: 1100px;
      margin: auto;
  }
  
  .bg-box {
      background: #557961;
      color: #fff;
      padding: 40px;
  }
  
  .block-title-small {
      font-size: 30pt;
      font-family: 'geomanist bold';
  }
div#img-dm {
    padding: 250px 0 100px 0;
}

 

  .block-flex-random img:nth-child(2) {
      transform: rotate(0);
      z-index: 99;
      max-width: 580px;
      position: relative;
      top: -34%;
  }
  
  .block-flex-random img:nth-child(3) {
      transform: rotate(7deg);
      position: absolute;
      width: 500px;
      right: 2%;
      bottom: 25%;
  }
  .top-box {
      margin-top: -10%;
      z-index: 2;
      position: relative;
  }
  .box-content {
      background: #557961;
      color: #fff;
      padding: 60px;
      position: relative;
  }
  .gap-30 {
      gap: 30px;
  }
  
  div#block-desc4 .block-flex-random img:nth-child(3) {
      transform: rotate(0);
      margin-top: 0;
  }
  .block-bottom-content {
      float: left;
      width: 100%;
      /* display: block; */
  }
  .block-desc-large {
      font-size: 22pt;
      color: #557961;
      /* font-family: 'merriweather bold'; */
  }
  .block-title-large {
      padding: 0;
      background: #557961;
      color: #fff;
      font-size: 62pt;
      margin-top: 30px;
  }
  .b-none {
      background: none;
  }
  
  .t-left {
      text-align: left;
  }
  .c-title {
      color: #557961;
  }
  .list-block {
      padding: 90px 0;
  }
  
  .list-block .block-flex-child {
      display: grid;
      gap: 0;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      border-radius: 30px;
      margin-bottom: 13%;
      transform: rotate(-2deg);
      position: relative;
      padding-right: 0;
      grid-template-columns: 65% 35%;
  }
  
  .list-block .block-flex-child .desc-flex {
      padding: 30px;
      background: #557961;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      font-size: 19pt;
      border-left: none;
      font-family: 'geomanist regular';
      line-height: 35px;
      color: #fff9ef;
  }
  
  .list-block .block-flex-child img {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      /* border: 10px solid #fff; */
      border-right: none;
      height: 100%;
      object-fit: cover;
      width: 100%;
  }
  
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child img {
      order: 1;
      border-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
  }
  
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child .desc-flex {
      border-radius: 0;
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      /* border: 10px solid #fff; */
      border-right: none;
  }
  .box-content-1 {
      background: #557961 url(img/logo_amthuc.png) center center no-repeat;
      color: #fff;
      padding: 30px;
      position: relative;
  }
  
  .box-content-1:before {
      content: '';
      position: absolute;
      left: -10px;
      right: 0px;
      top: -26px;
      bottom: 0;
      height: 100%;
      width: 102%;
      background: #0e0c0c82;
      z-index: -9;
      transform: rotate(-6deg);
  }
  .box-content-1 > img {
      position: absolute;
      right: -2%;
      top: -50%;
      width: 45%;
      height: auto;
      transform: rotate(-10deg);
  }
  
  div#block-desc5 {
      padding-top: 15%;
  }
  .block-desc p {
      margin: 15px 0;
      line-height: 40px;
  }
  .block-title-medium {
      font-size: 35pt;
      font-family: 'merriweather bold';
  }
  
  .shadow-none {
      text-shadow: none;
  }
  .non-upper {
      text-transform: none;
      line-height: normal;
  }
  .block-title-s-large {
      font-size: 60pt;
      font-family: 'geomanist bold';
  }
  .t-underline {
      text-decoration: underline;
  }
  
  .block-title-large > span {
      line-height: 100px;
  }
  .gap-50 {
      gap: 50px;
  }
  .box-content-1 .block-desc {
      padding: 0 45px;
  }
  .rotate15deg {
      transform: rotate(5deg) !important;
  }
  
  .rotate-15deg {
      transform: rotate(-5deg) !important;
      margin-left: -8%;
      margin-top: -5%;
  }
  .g-img-box2 {
      grid-template-columns: 30% 40% 30%;
      padding: 0;
      width: 90% !important;
  }
  
  .border-none {
      border: none !important;
  }
  
  .g-img-box2 img {
      max-width: 100%;
      /* z-index: -1; */
  }
  .max-img {
      max-width: 115% !important;
  }
  .padding-90 {
      padding: 90px 0;
  }
  
  .block-desc-large p {
      line-height: 35px;
  }
  .b-content {
      background: #557961;
  }
  .list-block .block-flex-child-gr .block-flex-child:nth-child(2) {
      transform: rotate(2deg);
  }
  
  .list-block .block-flex-child .desc-flex .large-text {
      
      margin: 0 0 50px 0;
      position: relative;
      padding: 60px 0 0;
      text-align: right;
      font-size: 100pt;
      font-family: 'geomanist bold';
      float: left;
      width: 100%;
  }
  
  .list-block .block-flex-child-gr .block-flex-child:nth-child(2) img {
      border-left: none;
      border-right: 10px solid #ffffff;
  }
  .list-block .block-flex-child .desc-flex .large-text:before {
      content: '';
      position: absolute;
      right: 0;
      top: -60px;
      width: 30px;
      height: 30px;
      background: white;
      border-radius: 100%;
  }
  .list-block .block-flex-child:last-child {
      /* margin: auto; */
  }
  .c-white {
      color: #fff9ef;
  }
  .header-vision {
      background: #557961;
      color: #fff;
      font-size: 25px;
      text-transform: uppercase;
  }
  
  .flex-header-vision {
      display: flex;
      justify-content: space-between;
      align-items: center;
      list-style: none;
      padding: 0;
      margin: auto;
      padding: 20px 0 15px 0;
      font-size: 20pt;
  }
  .list-block .block-flex-child:before {
      content: '';
      position: absolute;
      background: url(img/Khung1_bf.png) top center no-repeat;
      width: 25%;
      height: 100%;
      right: -21%;
      top: -25%;
      z-index: 9999;
      background-size: contain;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child .desc-flex .large-text:before {
      top: -60px;
      left: 0;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child:before {
      background: url(img/Khung2_bf.png) top center no-repeat;
      left: 3.5%;
      top: -34%;
      background-size: 110% auto;
      height: 60%;
  }
  .list-block .block-flex-child-gr:nth-child(3) .block-flex-child:before {
      background: url(img/Khung31_bf.png) top center no-repeat;
      top: -47%;
      background-size: 120% auto;
      height: 100%;
      width: 59%;
      right: -23.5%;
  }
  .tg_pro_venice.tg_show_img .tg_figure_abs figure {
      display: none !important;
  }
  div#block-motto:before {
      content: '';
      position: absolute;
      /* background: url(img/line2.png) top center no-repeat; */
      background-size: 100% auto;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      /* top: -44px; */
  }
  div#block-mission .block-top-content:after {
      content: 'SUOI TIEN';
      position: absolute;
      left: -16%;
      top: 20%;
      bottom: 0;
      right: -13%;
      font-size: 333px;
      opacity: 0.05;
      letter-spacing: -2px;
      z-index: 0;
      font-family: 'geomanist bold';
  }
  .block-bg-farm {
      float: left;
      width: 100%;
      padding: 90px 0;
      background: url(img/bg_farm.png) top center no-repeat;
      background-size: cover;
  }
  div#block-desc3 .block-title {
      line-height: 45px;
      letter-spacing: 3px;
      margin-top: 0;
  }
  .padding-60-0 {
      padding: 60px 0;
  }
  .bg-dienmao:after {
      content: '';
      background: url(img/vector_s1.png) top left no-repeat;
      background-size: contain;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 102%;
      height: 100%;
      transform: scale(1.1);
      opacity: 0.08;
  }
  .block-bottom-content-gr {
      float: left;
      width: 100%;
      margin: auto;
      position: relative;
  }
  .box-bg-amthuc {
      background: #557961 url(img/logo_amthuc.png) right bottom no-repeat;
      background-size: contain;
      background-position-y: 80px;
  }
  div#block-motto:after, div#block-desc2:after{
      content: '';
      background: url(img/vector_s11.png) no-repeat;
      background-size: 106%;
      position: absolute;
      left: 0;
      right: 0;
      top: -37%;
      bottom: 0;
      transform: rotate(-14deg);
      opacity: 0.08;
      background-position: left center;
  }
  div#block-desc1:after{
      content: '';
      background: url(img/vector_s12.png)  no-repeat;
      background-size: 110%;
      position: absolute;
      left: 0;
      right: 0;
      top: -27%;
      bottom: 0;
      z-index: 0;
      opacity: 0.08;
      background-position: top;
      transform: rotate(0deg);
  }
  div#block-motto .g-img-box:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 60%;
      height: 73%;
      background: #557961;
      margin: auto;
      z-index: 0;
      transform: rotate(2deg);
  }
  
  div#block-motto .g-img-box img:nth-child(2) {
      transform: rotate(5deg);
      margin-top: 20%;
      margin-left: -6%;
      width: 100%;
      box-shadow: rgba(100, 100, 111, 0.2) 2px 1px 17px 7px;
  }
  
  div#block-motto .g-img-box img:nth-child(1) {
      transform: rotate(-5deg);
      z-index: 9;
      width: 100%;
      max-width: 100% !important;
      margin-top: -16%;
      margin-left: 5%;
      height: fit-content;
      box-shadow: rgba(100, 100, 111, 0.2) 2px 1px 17px 7px;
  }
  div#block-motto .g-img-box {
      margin-top: 11% !important;
  }
  #block-desc1 .content-block-custom {
      padding-bottom: 90px !important;
      position: relative;
  }
  .uncert__text-2, .uncert__text-3, .text-desc {
      opacity: 1 !important;
      color: #000 !important;
      font-size: 14px;
      font-family: "Arima Madurai", cursive;
      line-height: normal;
  }
  .uncert__text-2-second {
      bottom: -10%;
      right: -10%;
  }
  .uncert__text-3-second {
      transform: none;
      bottom: 0px;
  }
  .project_sac_mau .uncert__text-4 {
      transform: none;
      top: 25%;
    
      padding-left: 55px;
  }
  
  .not-alone-text {
      /* margin-top: 0px !important; */
  }
  .sac_mau_venice_sp .tg_btn_story {
      cursor: pointer;
      margin: 0;
      display: table;
      padding: 0;
      transform: none;
      margin-left: 15%;
  }
  .text-desc.red-text-desc {
      color: #bb000c !important;
      font-weight: bold;
  }
  
  .text-desc {
      margin: 10px 0;
  }
  .tg_project_page {
      float: left;
      width: 100%;
      background: #fff9ef;
  }
  
  .s--uncertainty {
      background: #fff9ef !important;
  }
  .uncert__text-1 .title_vn_scroll {
      float: left;
      width: 100%;
      display: block;
      line-height: normal;
  }
  
  .project_sac_mau .uncert__text-1 {
      margin: 0% 0px 0px -3570px;
  }
  .gr-h2-cus {
      position: absolute;
      left: 0;
      right: 0;
      z-index: 1;
      top: 46px;
  }
  
  #block-desc0 .block-title-large {
      font-size: 196pt;
      margin-top: 54px;
      letter-spacing: -6.5px;
  }
  
  div#block-desc4 .block-flex img:nth-child(5) {
      margin-top: -75%;
  }
  .span-child-block > span {
      display: block;
  }
  
  .bg-cus {
      background: #557961;
  }
  
  .color-white {
      color: #fff;
  }
  .span-child-block {
      padding: 60px 0 0;
  }
  div#block-desc2 .bg-cus {
      padding: 60px 0;
  }
  div#block-desc2:after {
      filter: brightness(100);
  }
  .timeline-block{overflow-y: hidden;overflow-x: hidden;white-space: nowrap;vertical-align: text-top;margin: 30px 0;padding: 0 30px;clear: both;border-spacing: 5px;display: flex;position: relative;}
  .timeline-content{display: flex;min-width: auto;width: auto;font-size: 140px;/* border: 2px solid #d1d1d1; *//* border-radius: 5px; *//* padding: 5px; *//* margin: 5px; */white-space: normal;line-height: 1.6;vertical-align: top;text-align: center;/* font-family: 'geomanist' !important; */}
  .timelime-title{margin: 0;font-size: 17px;color:#557961;font-weight: normal;text-align: left;float: left;}
  .timelime-desc{font-size: 15px;margin: 0;font-family: 'geomanist regular';text-align: left;}
  .timelime-desc > p{margin:auto}
  .left-block{float:left;text-align:center;display:flex;justify-content: center;align-items: flex-start;r;width: 10%;}
  .left-block .year-text{transform:rotate(270deg);font-size: 55px;color: #557961;}
  .right-block-content > div{float:left;width:100%;display:flex;justify-content:center;align-items: flex-end;}
  .hidden-content{opacity:0}
  .timelime-thumb{max-width: 150px !important;height:120px;object-fit:cover;min-width: 150px !important;margin-bottom: 10px;}
  .right-block-content{float:left;width:100%;display:grid;grid-template-columns:repeat(1,100%);justify-content:center;align-items:baseline}
  #block-vision .block-desc {
      font-size: 16pt;
      text-align: justify;
  }
  .block-title-bold {
      font-size: 100pt;
      font-family: 'geomanist bold';
  }
  .block-desc-small {
      font-size: 16pt;
  }
  .font-size-25 {
      font-size: 25pt;
  }
  .font-size-14 {
      font-size: 14pt;
  }
  .font-medium b {
      font-family: 'geomanist regular';
      color: #557961;
  }
  .font-family-2 {
      font-family: 'merriweather bold';
  }
  
  .font-size-22 {
      font-size: 22pt;
  }
  .font-family-bold {
      font-family: 'geomanist bold';
  }
  .font-size-23 {
      font-size: 23pt;
  }
  .font-size-60 {
      font-size: 60pt;
      font-family: 'geomanist bold';
  }
  .t-uppercase {
      text-transform: uppercase;
  }
  .font-size-40 {
      font-size: 45pt;
  }
  
  .font-famimy-1-black {
      font-family: 'geomanist';
  }
  .tag-st {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      font-size: 10pt;
      text-transform: uppercase;
  }
  
  .tag-st ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 78%;
      margin: auto;
      list-style: none;
  }
  .font-size-15 {
      font-size: 15pt;
  }
  .t-lower{
      text-transform: none;
  }
  .span-child-block span {
      margin: 0 0 15px 0;
  }
  
  .font-size-100 {
      font-size: 100pt;
  }
  div#block-desc4 .block-title {
      text-transform: uppercase;
  }
  #block-desc0 img {
      padding-top: 78px;
  }
  .content-block-custom-last img {
      padding: 0 !important;
  }
  .container-small {
      width: 650px;
      margin: auto;
      max-width: 100%;
  }
  .padding-30-150 {
      padding: 30px 90px;
  }
  .padding-0-130 {
      padding: 0 130px;
  }
  .font-size-77 {
      font-size: 77pt;
  }
   .p-top {
      top: 0;
  }
  
  .padding-15-0 {
      padding: 15px 0;
  }
  #block-desc6 .block-top-content:before {
      content: 'TOP3';
      position: absolute;
      top: 1.5%;
      font-size: 700px;
      color: #fff;
      opacity: 0.1;
      left: -10%;
      right: 0;
      width: 100%;
  }
   .padding-150 {
      padding: 150px 0;
  }
  .right-block {
      display: flex;
      justify-content: left;
      align-items: baseline;
  }
  .right-block-content > div.show-content{border-bottom:3px dashed #000000b0;position: relative;}
  .child-block-content{min-height: 250px;padding: 0 0 0 15px;position: relative;width: 260px;display: flex;justify-content: flex-start;align-items: flex-start;flex-flow: column;}
  .right-block-content > div.bottom-content.show-content{border-bottom:none;border-top: 3px dashed #000000b0;margin-top: -2.5px;justify-content: flex-start;padding-top: 15px;margin-left: 80px;}
  .right-block-content > div.show-content:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      width: 45%;
      height: 3px;
      background: black;
      bottom: -3px;
      display: none;
  }
  .right-block-content > div.bottom-content.show-content:after {
      top: -3px;
      bottom: 0;
  }
  .timeline-block-line {
      position: absolute;
      top: 50%;
      left: 15px;
      right: 0;
      width: 0;
      border-bottom: 4px solid black;
      margin-top: -18px;
  }
  .child-block-content:nth-child(2) {
      border-left: 3px solid #000000b0;
  }
  .timeline-content:nth-child(2) .left-block:first-child {
      padding-left: 60px;
  }
  .child-block-content:nth-child(2):before {
      content: '';
      position: absolute;
      left: -6px;
      bottom: -6px;
      width: 10px;
      height: 10px;
      background: black;
      transform: rotate(45deg);
  }
  
  .bottom-content .child-block-content:nth-child(2):before {
      top: -6px;
  }
  .block-bottom-content img {
      max-width: 100%;
  }
  .font-size-13 {
      font-size: 13pt;
  }
  
  .t-none {
      text-transform: none;
  }
  
  #block-desc0 .tag-st {
      padding-bottom: 50px;
      padding-left: 39px;
      padding-right: 39px;
  }
  #block-desc2 .block-desc-large p {
      line-height: 40px;
  }
#block-desc2 .container {
    width: 1160px;
}

div#block-desc2 .block-desc {
    text-align: center;
    font-size: 31px;
}
div#content-db p {
    font-size: 25px;
    line-height: 30px;
    text-align: justify;
}

  #block-motto .g-img-box {
      padding-bottom: 0;
  }
  
  #block-desc1 .content-block-custom {
      padding: 60px 0 !important;
  }
      div#block-desc2:after {
      background: url(img/vector_s13.png) no-repeat;
      background-size: contain;
      transform: rotate(0);
      position: absolute;
      left: 0%;
      top: -52%;
      background-position: left;
  }
  #block-desc2 .content-block-custom:last-child:before {
      content: '';
      background: url(img/vector_s14.png) no-repeat;
      background-size: cover;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0.08;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child {
      grid-template-columns: 35% 65%;
      transform: rotate(2deg);
  }
  #block-desc6 .list-block .block-flex-child .desc-flex {
      padding: 90px 30px;
  }
  #block-desc6 .list-block {
      padding: 0;
  }
  
  #block-desc6 .list-block .block-flex-child-gr:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;filter: blur(7px);background-size: cover !important;}
  #block-desc6 .list-block .block-flex-child-gr:first-child:before {background: url(img/bg_s61.jpg) center center no-repeat;}
  #block-desc6 .list-block .block-flex-child-gr:nth-child(2):before {background: url(img/bg_s62.jpg) center center no-repeat;}
  #block-desc6 .list-block .block-flex-child-gr:last-child:before {background: url(img/bg_lydo1.jpeg) center center no-repeat;}
      
  .block-flex-child-gr {
      position: relative;
      z-index: 2;
  }
  
  #block-desc6 .list-block .block-flex-child-gr:first-child {
      padding-top: 7%;
      padding-bottom: 7%;
  }
  #block-desc6 .list-block .block-flex-child {
      margin: auto;
      border: 5px solid #fff;
      /* border-radius: 0; */
      /* transform: rotate(0); */
  }
  #block-desc6 .block-flex-child-gr {padding-top: 7%;}
  #block-desc6 .block-flex-child-gr:last-child {
      padding-bottom: 10%;
      padding-top: 7%;
  }
  #block-desc6 .block-flex-child-gr:nth-child(2) {
      padding-bottom: 7%;
  }
  .timeline-content .child-block-content {
      text-align: left;
  }
  div#block-timeline h2.block-title {
      padding: 0 15px !important;
      font-size: 27pt;
  }
  
  div#timeline-content-2014 {
      max-width: 100% !important;
      height: auto;
  }
  div#block-vision .content-block-custom {
      padding: 0;
  }
  @media only screen and (max-width: 1024px) {
  div#block-desc4 .block-flex img:nth-child(5) {
      margin: auto;
  }
  #block-desc6 .list-block .block-flex-child-gr {
      width: 90%;
      margin: auto;
  }
   #timeline-container {
      width: 100%;
      overflow: hidden; 
      position: relative;
    }

    #timeline-block {
      display: flex;
      overflow-x: auto;
      scroll-behavior: smooth;
      white-space: nowrap;
      position: relative;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
    }
  .block-desc p {
      line-height: 30px;
  }
  .list-block .block-flex-child .desc-flex .large-text:before {
      display: none;
  }
  
  div#block-desc5 {
      padding-top: 0;
  }
  
  .block-bg-farm {
      padding: 30px 0;
  }
  
  .block-desc.bg-box {
      padding: 15px;
      font-size: 14pt;
  }
  
  #block-vision .leff-content p {
      line-height: 30px;
  }
  
  .padding-90 {
      padding: 30px 0;
  }
  
  .block-title-large {
      margin-top: 0;
  }
  
  div#block-desc6 .block-bottom-content {
      margin-top: 30px;
  }
      .block-flex {
      display: block;
  }
  
  #block-vision .block-desc {
      font-size: 12pt;
  }
  
  .container-large {
      max-width: 100%;
  }
  
  .container {
      max-width: 100%;
  }
  
  .block-desc-large {
      font-size: 12pt;
      padding: 0 15px !important;
  }
  
  .top-box {
      margin-top: 0;
      float: left;
      width: 100%;
  }
  
  .block-top-content.block-full.top-box {
  }
  
  .bg-box {
      padding: 15px 0;
  }
  
  div#block-desc3 .block-title {
      margin: auto;
  }
  
  .block-title-large > span {line-height: 44px;}
  
  div#block-desc4 .block-title {
      margin: auto;
  }
  
  .tag-st {
      font-size: 8pt;
      padding-bottom: 15px !important;
  }
  
  .tag-st ul {
      gap: 10px;
      width: 100%;
      padding: 0 10px;
  }
  
  .box-content-1 > img {
      position: relative;
      top: unset;
      width: 100%;
      right: unset;
  }
  
  .box-bg-amthuc {
      background: #557961;
      padding: 30px 0;
  }
  
  #block-desc6 .block-top-content:before {
      font-size: 90px;
      left: auto;
      right: 0;
      margin: auto;
      width: 100%;
      text-align: center;
  }
  
  .padding-150 {
      padding: 39px 0;
  }
  
  .list-block .block-flex-child {
      display: block !important;
  }
  
  .list-block .block-flex-child-gr .block-flex-child:before {
      display: none;
  }
  
  #block-desc6 .list-block .block-flex-child .desc-flex {
      padding: 15px;
      font-size: 13pt;
      border-radius: 30px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  
  .list-block .block-flex-child .desc-flex .large-text {
      font-size: 50px;
      padding: 15px 0;
      margin: auto;
  }
  .list-block .block-flex-child img {border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  
  #block-desc6 .list-block .block-flex-child .desc-flex p {
      margin: auto;
  }
      #block-desc0 .block-title-large {
          font-size: 45px !important;
      }
  
      .font-size-40 {
          font-size: 30px;
      }
  
      .font-size-25 {
          font-size: 15px;
      }
  
      .flex-header-vision {
          padding: 15px;
          font-size: 12pt;
      }
  
      #block-vision .leff-content {
          width: 75%;
          padding: 30px;
      }
  
      .block-title {
          font-size: 20pt !important;
          word-wrap: break-word;
          text-align: center;
          padding: 0 15px !important;
      }
  
      .block-desc-small {
          font-size: 12pt;
          padding: 0 15px;
      }
  
      div#block-mission .block-top-content:after {
          font-size: 100px;
          top: 0;
          bottom: 0;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
      }
  }
  
  
  .textline_block {
      font-size: 55px;
      margin-right: 40px;
      color: #dea800;
      width: 190px;
      text-transform: uppercase;
  }
  
  .textline_blockdisplay{
      display: flex !important;
      justify-content: end !important;
  }
  
  .textline_block2{
      font-size: 55px;
      color: #dea800;
      width: 380px;
      text-transform: uppercase;
  }

   /*  05-02 */
   .wapcontent {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (min-width: 1400px) {
    .wapcontent {
        max-width: 1400px;
    }
}
.block-bottom-content.block-flex.block-flex-2.j-center {
    grid-template-columns: 54% 46%;
    gap: 0;
}

div#block-mission .block-desc p {
    margin: 15px 0;
    line-height: 29px;
    font-family: 'geomanist regular';
    font-weight: unset !important;
    letter-spacing: 1px;
    font-size: 22px;
}

div#block-motto .content-block-custom {
    padding-top: 0;
}

div#block-motto.block-custom {
    /* overflow: unset !important; */
    position: relative;
    float: left;
    background: #fff9ef;
    margin-top: -20px;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 20px;
}
div#block-motto .content-block-custom {
    padding-bottom: 35px;
}
#block-motto h2 {
    margin-top: -37px;
}
div#block-motto.block-custom .block-desc p {
    letter-spacing: 1px;
    line-height: 30px
}

div#block-desc3 h2,div#block-desc3 h3 {
    color: #fefaee;
}

div#block-desc3 h3 {
    letter-spacing: 1px !important;
}

div#block-desc3 p {
    line-height: 32px;
}

@font-face {
    font-family: geomanist;
    src: url('font/Geomanist/Geomanist-Black.otf');
  }
  @font-face {
    font-family: geomanist regular;
    src: url('font/Geomanist/Geomanist-Regular.otf');
  }
  @font-face {
    font-family: geomanist bold;
    src: url('font/Geomanist/Geomanist-Bold.otf');
  }
  @font-face {
    font-family: merriweather bold;
    src: url('font/Merriweather/Merriweather-Bold.ttf');
  }
  @font-face {
    font-family: geomanist medium;
    src: url('font/Geomanist/Geomanist-Medium.otf');
  }
  #block-vision .block-top-content{
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background: url(img/hinh/bg_tamnhin.jpg);
      float: left;
      width: 100%;
      padding: 107px 0 0;
      background-position: bottom right;
  }
  body {
      margin: auto;
      font-family: "geomanist", cursive;
  }
  
  .content-block-custom {
      padding: 90px  0 0;
      /* float: left; */
      /* width: 100%; */
      /* position: relative; */
  }
  
  .block-flex {
      display: grid;
      float: left;
      /* width: 100%; */
      /* grid-template-columns: repeat(2, auto); */
      /* justify-content: center; */
      align-content: center;
      /* align-items: stretch; */
      /* justify-items: stretch; */
  }
  
  .block-custom img {
      max-width: 100%;
  }
  
  #block-vision .leff-content {
      float: left;
      width: 34%;
      background: #557961;
      color: #Fff;
      padding: 112px 100px 82px 100px;
      margin-bottom: 90px;
  }
  div#block-desc1 .block-desc-small p {
    line-height: 29px;
    font-size: 24px;
    font-weight: unset;
}
div#content-small p {
    font-size: 23px !important;
    line-height: 29px;
    text-align: justify;
    font-family: 'geomanist regular';
}

div#content-small {
    max-width: 890px;
    margin: 0 auto;
}

div#content-small p {
    line-height: normal;
    text-align: left;
}

div#block-desc2 {
    position: relative;
    margin-top: -4px;
}
  .block-custom {
      float: left;
      width: 100%;
      position: relative;
      /* background: #fff9ef; */
      z-index: 2;
      /* overflow: hidden; */
      background: #fefaee;
      background-size: auto;
      background-position: center;
  }
  
  .block-title {
      font-size: 67pt;
      margin: auto;
      line-height: normal;
      text-align: center;
      text-shadow: 0 0 10px #00000059;
      text-transform: uppercase;
  }
  
  #block-vision .leff-content p {
      line-height: 35px;
      letter-spacing: 0.8px;
  }
  .padding-0 {
      padding: 0 !important;
  }
  
  
  div#block-mission .block-top-content {
      padding: 80px 0;
      text-align: center;
      background: #557961;
      color: #ffff;
      font-size: 18px;
      position: relative;
      z-index: 2;
  }
  img.fullwidth {
      width: 100%;
      height: auto;
  }
  .t-center {
      text-align: center !important;
  }
  .block-desc {
      font-size: 23px;
      font-family: 'geomanist regular';
      position: relative;
      /* text-align: justify; */
  }
#block-motto .g-img-box img:first-child {
      position: unset;
  }
  .g-img-box img:first-child {
      transform: rotate(-7deg);
      position: absolute;
      width: 500px;
      left: 2%;
      bottom: 25%;
  }
  
  .g-img-box img:nth-child(2) {
      transform: rotate(15deg);
  }
  
  .g-img-box {
      width: 94% !important;
      margin: auto !important;
      float: none !important;
      padding: 50px 0  90px 0;
      display: grid !important;
      position: relative;
  }
  .g-img-box img {border: 10px solid whitesmoke;max-width: 95%;z-index: 2;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
  
  .container{
      width: 900px;
      max-width: 100%;
      margin: auto;
  }
  .block-flex-3 {
      grid-template-columns: repeat(3, auto);
  }
  .block-grid {
      display: grid;
      grid-template-columns: repeat(1,1fr);
  }
  
  .gap-10 {
      gap: 10px;
  }
  .padding-30 {
      padding: 30px 0;
  }
  .container-large {
      width: 1100px;
      margin: auto;
  }
  
  .bg-box {
      background: #557961;
      color: #fff;
      padding: 40px;
  }
  
  .block-title-small {
      font-size: 30pt;
      font-family: 'geomanist bold';
  }
div#img-dm {
    padding: 250px 0 100px 0;
}

 

  .block-flex-random img:nth-child(2) {
      transform: rotate(0);
      z-index: 99;
      max-width: 580px;
      position: relative;
      top: -34%;
  }
  
  .block-flex-random img:nth-child(3) {
      transform: rotate(7deg);
      position: absolute;
      width: 500px;
      right: 2%;
      bottom: 25%;
  }
  .top-box {
      margin-top: -10%;
      z-index: 2;
      position: relative;
  }
  .box-content {
      background: #557961;
      color: #fff;
      padding: 60px;
      position: relative;
  }
  .gap-30 {
      gap: 30px;
  }
  
  div#block-desc4 .block-flex-random img:nth-child(3) {
      transform: rotate(0);
      margin-top: 0;
  }
  .block-bottom-content {
      float: left;
      width: 100%;
      /* display: block; */
  }
  .block-desc-large {
      font-size: 22pt;
      color: #557961;
      /* font-family: 'merriweather bold'; */
  }
  .block-title-large {
      padding: 0;
      background: #557961;
      color: #fff;
      font-size: 62pt;
      margin-top: 30px;
  }
  .b-none {
      background: none;
  }
  
  .t-left {
      text-align: left;
  }
  .c-title {
      color: #557961;
  }
  .list-block {
      padding: 90px 0;
  }
  
  .list-block .block-flex-child {
      display: grid;
      gap: 0;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      border-radius: 30px;
      margin-bottom: 13%;
      transform: rotate(-2deg);
      position: relative;
      padding-right: 0;
      grid-template-columns: 65% 35%;
  }
  
  .list-block .block-flex-child .desc-flex {
      padding: 30px;
      background: #557961;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      font-size: 19pt;
      border-left: none;
      font-family: 'geomanist regular';
      line-height: 35px;
      color: #fff9ef;
  }
  
  .list-block .block-flex-child img {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      /* border: 10px solid #fff; */
      border-right: none;
      height: 100%;
      object-fit: cover;
      width: 100%;
  }
  
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child img {
      order: 1;
      border-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
  }
  
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child .desc-flex {
      border-radius: 0;
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      /* border: 10px solid #fff; */
      border-right: none;
  }
  .box-content-1 {
      background: #557961 url(img/logo_amthuc.png) center center no-repeat;
      color: #fff;
      padding: 30px;
      position: relative;
  }
  
  .box-content-1:before {
      content: '';
      position: absolute;
      left: -10px;
      right: 0px;
      top: -26px;
      bottom: 0;
      height: 100%;
      width: 102%;
      background: #0e0c0c82;
      z-index: -9;
      transform: rotate(-6deg);
  }
  .box-content-1 > img {
      position: absolute;
      right: -2%;
      top: -50%;
      width: 45%;
      height: auto;
      transform: rotate(-10deg);
  }
  
  div#block-desc5 {
      padding-top: 15%;
  }
  .block-desc p {
      margin: 15px 0;
      line-height: 40px;
  }
  .block-title-medium {
      font-size: 35pt;
      font-family: 'merriweather bold';
  }
  
  .shadow-none {
      text-shadow: none;
  }
  .non-upper {
      text-transform: none;
      line-height: normal;
  }
  .block-title-s-large {
      font-size: 60pt;
      font-family: 'geomanist bold';
  }
  .t-underline {
      text-decoration: underline;
  }
  
  .block-title-large > span {
      line-height: 100px;
  }
  .gap-50 {
      gap: 50px;
  }
  .box-content-1 .block-desc {
      padding: 0 45px;
  }
  .rotate15deg {
      transform: rotate(5deg) !important;
  }
  
  .rotate-15deg {
      transform: rotate(-5deg) !important;
      margin-left: -8%;
      margin-top: -5%;
  }
  .g-img-box2 {
      grid-template-columns: 30% 40% 30%;
      padding: 0;
      width: 90% !important;
  }
  
  .border-none {
      border: none !important;
  }
  
  .g-img-box2 img {
      max-width: 100%;
      /* z-index: -1; */
  }
  .max-img {
      max-width: 115% !important;
  }
  .padding-90 {
      padding: 90px 0;
  }
  
  .block-desc-large p {
      line-height: 35px;
  }
  .b-content {
      background: #557961;
  }
  .list-block .block-flex-child-gr .block-flex-child:nth-child(2) {
      transform: rotate(2deg);
  }
  
  .list-block .block-flex-child .desc-flex .large-text {
      
      margin: 0 0 50px 0;
      position: relative;
      padding: 60px 0 0;
      text-align: right;
      font-size: 100pt;
      font-family: 'geomanist bold';
      float: left;
      width: 100%;
  }
  
  .list-block .block-flex-child-gr .block-flex-child:nth-child(2) img {
      border-left: none;
      border-right: 10px solid #ffffff;
  }
  .list-block .block-flex-child .desc-flex .large-text:before {
      content: '';
      position: absolute;
      right: 0;
      top: -60px;
      width: 30px;
      height: 30px;
      background: white;
      border-radius: 100%;
  }
  .list-block .block-flex-child:last-child {
      /* margin: auto; */
  }
  .c-white {
      color: #fff9ef;
  }
  .header-vision {
      background: #557961;
      color: #fff;
      font-size: 25px;
      text-transform: uppercase;
  }
  
  .flex-header-vision {
      display: flex;
      justify-content: space-between;
      align-items: center;
      list-style: none;
      padding: 0;
      margin: auto;
      padding: 20px 0 15px 0;
      font-size: 20pt;
  }
  .list-block .block-flex-child:before {
      content: '';
      position: absolute;
      background: url(img/Khung1_bf.png) top center no-repeat;
      width: 25%;
      height: 100%;
      right: -21%;
      top: -25%;
      z-index: 9999;
      background-size: contain;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child .desc-flex .large-text:before {
      top: -60px;
      left: 0;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child:before {
      background: url(img/Khung2_bf.png) top center no-repeat;
      left: 3.5%;
      top: -34%;
      background-size: 110% auto;
      height: 60%;
  }
  .list-block .block-flex-child-gr:nth-child(3) .block-flex-child:before {
      background: url(img/Khung31_bf.png) top center no-repeat;
      top: -47%;
      background-size: 120% auto;
      height: 100%;
      width: 59%;
      right: -23.5%;
  }
  .tg_pro_venice.tg_show_img .tg_figure_abs figure {
      display: none !important;
  }
  div#block-motto:before {
      content: '';
      position: absolute;
      /* background: url(img/line2.png) top center no-repeat; */
      background-size: 100% auto;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      /* top: -44px; */
  }
  div#block-mission .block-top-content:after {
      content: 'SUOI TIEN';
      position: absolute;
      left: -16%;
      top: 20%;
      bottom: 0;
      right: -13%;
      font-size: 333px;
      opacity: 0.05;
      letter-spacing: -2px;
      z-index: 0;
      font-family: 'geomanist bold';
  }
  .block-bg-farm {
      float: left;
      width: 100%;
      padding: 90px 0;
      background: url(img/bg_farm.png) top center no-repeat;
      background-size: cover;
      position: relative;
      margin-top: -58px;
  }
  div#block-desc3 .block-title {
      line-height: 45px;
      letter-spacing: 3px;
      margin-top: 0;
  }
  .padding-60-0 {
      padding: 50px 0;
  }
  .bg-dienmao:after {
      content: '';
      background: url(img/vector_s1.png)   no-repeat;
      background-size: cover;
      position: absolute;
      top: 2%;
      left: 0;
      right: 0;
      bottom: 0;
      background-position: center;
      opacity: 0.08;
      transform: rotate(-7deg);
  }
  .block-bottom-content-gr {
      float: left;
      width: 100%;
      margin: auto;
      position: relative;
  }
  .box-bg-amthuc {
      background: #557961 url(img/logo_amthuc.png) right bottom no-repeat;
      background-size: contain;
      background-position-y: 80px;
  }
  div#block-motto:after, div#block-desc2:after{
      content: '';
      background: url(img/vector_s11.png) no-repeat;
      background-size: 106%;
      position: absolute;
      left: 0;
      right: 0;
      top: -37%;
      bottom: 0;
      transform: rotate(-14deg);
      opacity: 0.08;
      background-position: left center;
  }
  div#block-desc1:after{
      content: '';
      background: url(img/vector_s12.png)  no-repeat;
      background-size: 110%;
      position: absolute;
      left: 0;
      right: 0;
      top: -27%;
      bottom: 0;
      z-index: 0;
      opacity: 0.08;
      background-position: top;
      transform: rotate(0deg);
  }
  div#block-motto .g-img-box:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 60%;
      height: 73%;
      background: #557961;
      margin: auto;
      z-index: 0;
      transform: rotate(2deg);
  }
  
  div#block-motto .g-img-box img:nth-child(2) {
      transform: rotate(5deg);
      margin-top: 20%;
      margin-left: -6%;
      width: 100%;
      box-shadow: rgba(100, 100, 111, 0.2) 2px 1px 17px 7px;
  }
  
  div#block-motto .g-img-box img:nth-child(1) {
      transform: rotate(-5deg);
      z-index: 9;
      width: 100%;
      max-width: 100% !important;
      margin-top: -16%;
      margin-left: 5%;
      height: fit-content;
      box-shadow: rgba(100, 100, 111, 0.2) 2px 1px 17px 7px;
  }
  div#block-motto .g-img-box {
      margin-top: 11% !important;
  }
  #block-desc1 .content-block-custom {
      padding-bottom: 90px !important;
      position: relative;
  }
  .uncert__text-2, .uncert__text-3, .text-desc {
      opacity: 1 !important;
      color: #000 !important;
      font-size: 14px;
      font-family: "Arima Madurai", cursive;
      line-height: normal;
  }
  .uncert__text-2-second {
      bottom: -10%;
      right: -10%;
  }
  .uncert__text-3-second {
      transform: none;
      bottom: 0px;
  }
  .project_sac_mau .uncert__text-4 {
      transform: none;
      top: 25%;
      
      
      padding-left: 55px;
  }
  
  .not-alone-text {
      /* margin-top: 0px !important; */
  }
  .sac_mau_venice_sp .tg_btn_story {
      cursor: pointer;
      margin: 0;
      display: table;
      padding: 0;
      transform: none;
      margin-left: 15%;
  }
  .text-desc.red-text-desc {
      color: #bb000c !important;
      font-weight: bold;
  }
  
  .text-desc {
      margin: 10px 0;
  }
  .tg_project_page {
      float: left;
      width: 100%;
      background: #fff9ef;
  }
  
  .s--uncertainty {
      background: #fff9ef !important;
  }
  .uncert__text-1 .title_vn_scroll {
      float: left;
      width: 100%;
      display: block;
      line-height: normal;
  }
  
  .project_sac_mau .uncert__text-1 {
      margin: 0% 0px 0px -3570px;
  }
  .gr-h2-cus {
      position: absolute;
      left: 0;
      right: 0;
      z-index: 1;
      top: 46px;
  }
  
  #block-desc0 .block-title-large {
      font-size: 196pt;
      margin-top: 54px;
      letter-spacing: -6.5px;
  }
  
  div#block-desc4 .block-flex img:nth-child(5) {
      margin-top: -75%;
  }
  .span-child-block > span {
      display: block;
  }
  
  .bg-cus {
      background: #557961;
  }
  
  .color-white {
      color: #fff;
  }
  .span-child-block {
      padding: 60px 0 0;
  }
  div#block-desc2 .bg-cus {
      padding: 60px 0;
      margin-bottom: 1px;
  }
  div#block-desc2:after {
      filter: brightness(100);
  }
  .timeline-block{overflow-y: hidden;overflow-x: hidden;white-space: nowrap;vertical-align: text-top;margin: 30px 0;padding: 0 30px;clear: both;border-spacing: 5px;display: flex;position: relative;}
  .timeline-content{display: flex;min-width: auto;width: auto;font-size: 140px;/* border: 2px solid #d1d1d1; *//* border-radius: 5px; *//* padding: 5px; *//* margin: 5px; */white-space: normal;line-height: 1.6;vertical-align: top;text-align: center;/* font-family: 'geomanist' !important; */}
  .timelime-title{margin: 0;font-size: 17px;color:#557961;font-weight: normal;text-align: left;float: left;}
  .timelime-desc{font-size: 15px;margin: 0;font-family: 'geomanist regular';text-align: left;}
  .timelime-desc > p{margin:auto}
  .left-block{float:left;text-align:center;display:flex;justify-content: center;align-items: flex-start;r;width: 10%;}
  .left-block .year-text{transform:rotate(270deg);font-size: 55px;color: #557961;}
  .right-block-content > div{float:left;width:100%;display:flex;justify-content:center;align-items: flex-end;}
  .hidden-content{opacity:0}
  .timelime-thumb{max-width: 150px !important;height:120px;object-fit:cover;min-width: 150px !important;margin-bottom: 10px;}
  .right-block-content{float:left;width:100%;display:grid;grid-template-columns:repeat(1,100%);justify-content:center;align-items:baseline}
  #block-vision .block-desc {
      font-size: 16pt;
      text-align: justify;
  }
  .block-title-bold {
      font-size: 100pt;
      font-family: 'geomanist bold';
  }
  .block-desc-small {
      font-size: 16pt;
  }
  .font-size-25 {
      font-size: 25pt;
  }
  .font-size-14 {
      font-size: 14pt;
  }
  .font-medium b {
      font-family: 'geomanist regular';
      color: #557961;
  }
  .font-family-2 {
      font-family: 'merriweather bold';
  }
  
  .font-size-22 {
      font-size: 22pt;
  }
  .font-family-bold {
      font-family: 'geomanist bold';
  }
  .font-size-23 {
      font-size: 23pt;
  }
  .font-size-60 {
      font-size: 60pt;
      font-family: 'geomanist bold';
  }
  .t-uppercase {
      text-transform: uppercase;
  }
  .font-size-40 {
      font-size: 45pt;
  }
  
  .font-famimy-1-black {
      font-family: 'geomanist';
  }
  .tag-st {
      /* position: absolute; */
      /* bottom: 0; */
      /* left: 0; */
      /* right: 0; */
      /* width: 100%; */
      /* font-size: 10pt; */
      /* text-transform: uppercase; */
  }
  
  .tag-st ul {
      display: flex;
      width: 90%;
      list-style: none;
      flex-direction: row;
      align-content: center;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
  }
  .font-size-15 {
      font-size: 15pt;
  }
  .t-lower{
      text-transform: none;
  }
  .span-child-block span {
      margin: 0 0 15px 0;
  }
  
  .font-size-100 {
      font-size: 100pt;
  }
  div#block-desc4 .block-title {
      text-transform: uppercase;
  }
  #block-desc0 img {
      padding-top: 78px;
  }
  .content-block-custom-last img {
      padding: 0 !important;
  }
  .container-small {
      width: 650px;
      margin: auto;
      max-width: 100%;
  }
  .padding-30-150 {
      padding: 30px 90px;
  }
  .padding-0-130 {
      padding: 0 10px;
  }
  .font-size-77 {
      font-size: 77pt;
  }
   .p-top {
      /* top: 0; */
  }
  
  .padding-15-0 {
      padding: 15px 0;
  }
  #block-desc6 .block-top-content:before {
      content: 'TOP3';
      position: absolute;
      top: 1.5%;
      font-size: 700px;
      color: #fff;
      opacity: 0.1;
      left: -10%;
      right: 0;
      width: 100%;
  }
   .padding-150 {
      padding: 150px 0;
  }
  .right-block {
      display: flex;
      justify-content: left;
      align-items: baseline;
  }
  .right-block-content > div.show-content{border-bottom:3px dashed #000000b0;position: relative;}
  .child-block-content{min-height: 250px;padding: 0 0 0 15px;position: relative;width: 260px;display: flex;justify-content: flex-start;align-items: flex-start;flex-flow: column;}
  .right-block-content > div.bottom-content.show-content{border-bottom:none;border-top: 3px dashed #000000b0;margin-top: -2.5px;justify-content: flex-start;padding-top: 15px;margin-left: 80px;}
  .right-block-content > div.show-content:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      width: 45%;
      height: 3px;
      background: black;
      bottom: -3px;
      display: none;
  }
  .right-block-content > div.bottom-content.show-content:after {
      top: -3px;
      bottom: 0;
  }
  .timeline-block-line {
      position: absolute;
      top: 50%;
      left: 15px;
      right: 0;
      width: 0;
      border-bottom: 4px solid black;
      margin-top: -18px;
  }
  .child-block-content:nth-child(2) {
      border-left: 3px solid #000000b0;
  }
  .timeline-content:nth-child(2) .left-block:first-child {
      padding-left: 60px;
  }
  .child-block-content:nth-child(2):before {
      content: '';
      position: absolute;
      left: -6px;
      bottom: -6px;
      width: 10px;
      height: 10px;
      background: black;
      transform: rotate(45deg);
  }
  
  .bottom-content .child-block-content:nth-child(2):before {
      top: -6px;
  }
  .block-bottom-content img {
      max-width: 100%;
  }
  .font-size-13 {
      font-size: 13pt;
  }
  
  .t-none {
      text-transform: none;
  }
  
  #block-desc0 .tag-st {
      padding-bottom: 50px;
      padding-left: 39px;
      padding-right: 39px;
  }
  #block-desc2 .block-desc-large p {
      line-height: 40px;
  }
#block-desc2 .container {
    width: 1160px;
}

div#block-desc2 .block-desc {
    text-align: center;
    font-size: 36px;
    letter-spacing: 1px;
}
div#content-db p {
    font-size: 25px;
    line-height: 30px;
    text-align: justify;
}

  #block-motto .g-img-box {
      padding-bottom: 0;
  }
  
  #block-desc1 .content-block-custom {
      padding: 60px 0 !important;
  }
      div#block-desc2:after {
      background: url(img/vector_s13.png) no-repeat;
      background-size: contain;
      transform: rotate(0);
      position: absolute;
      left: 0%;
      top: -52%;
      background-position: left;
  }
  #block-desc2 .content-block-custom:last-child:before {
      content: '';
      background: url(img/vector_s14.png) no-repeat;
      background-size: cover;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0.08;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child {
      grid-template-columns: 35% 65%;
      transform: rotate(2deg);
  }
  #block-desc6 .list-block .block-flex-child .desc-flex {
      padding: 90px 30px;
  }
  #block-desc6 .list-block {
      padding: 0;
  }
  
  #block-desc6 .list-block .block-flex-child-gr:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;filter: blur(7px);background-size: cover !important;}
  #block-desc6 .list-block .block-flex-child-gr:first-child:before {background: url(img/bg_s61.jpg) center center no-repeat;}
  #block-desc6 .list-block .block-flex-child-gr:nth-child(2):before {background: url(img/bg_s62.jpg) center center no-repeat;}
  #block-desc6 .list-block .block-flex-child-gr:last-child:before {background: url(img/bg_lydo1.jpeg) center center no-repeat;}
      
  .block-flex-child-gr {
      position: relative;
      z-index: 2;
  }
  
  #block-desc6 .list-block .block-flex-child-gr:first-child {
      padding-top: 7%;
      padding-bottom: 7%;
  }
  #block-desc6 .list-block .block-flex-child {
      margin: auto;
      border: 5px solid #fff;
      /* border-radius: 0; */
      /* transform: rotate(0); */
  }
  #block-desc6 .block-flex-child-gr {padding-top: 7%;}
  #block-desc6 .block-flex-child-gr:last-child {
      padding-bottom: 10%;
      padding-top: 7%;
  }
  #block-desc6 .block-flex-child-gr:nth-child(2) {
      padding-bottom: 7%;
  }
  .timeline-content .child-block-content {
      text-align: left;
  }
  div#block-timeline h2.block-title {
      padding: 0 15px !important;
      font-size: 27pt;
  }
  
  div#timeline-content-2014 {
      max-width: 100% !important;
      height: auto;
  }
  div#block-vision .content-block-custom {
      padding: 0;
  }
  @media only screen and (max-width: 1024px) {
  div#block-desc4 .block-flex img:nth-child(5) {
      margin: auto;
  }
  #block-desc6 .list-block .block-flex-child-gr {
      width: 90%;
      margin: auto;
  }
  
  .block-desc p {
      line-height: 30px;
  }
  .list-block .block-flex-child .desc-flex .large-text:before {
      display: none;
  }
  
  div#block-desc5 {
      padding-top: 0;
  }
  
  .block-bg-farm {
      padding: 30px 0;
  }
  
  .block-desc.bg-box {
      padding: 15px;
      font-size: 14pt;
  }
  
  #block-vision .leff-content p {
      line-height: 30px;
  }
  
  .padding-90 {
      padding: 30px 0;
  }
  
  .block-title-large {
      margin-top: 0;
  }
  
  div#block-desc6 .block-bottom-content {
      margin-top: 30px;
  }
      .block-flex {
      display: block;
  }
  
  #block-vision .block-desc {
      font-size: 12pt;
  }
  
  .container-large {
      max-width: 100%;
  }
  
  .container {
      max-width: 100%;
  }
  
  .block-desc-large {
      font-size: 12pt;
      padding: 0 15px !important;
  }
  
  .top-box {
      margin-top: 0;
      float: left;
      width: 100%;
  }
  
  .block-top-content.block-full.top-box {
  }
  
  .bg-box {
      padding: 15px 0;
  }
  
  div#block-desc3 .block-title {
      margin: auto;
  }
  
  .block-title-large > span {line-height: 44px;}
  
  div#block-desc4 .block-title {
      margin: auto;
  }
  
  .tag-st {
      font-size: 8pt;
      padding-bottom: 15px !important;
  }
  
  .tag-st ul {
      gap: 10px;
      width: 100%;
      padding: 0 10px;
  }
  
  .box-content-1 > img {
      position: relative;
      top: unset;
      width: 100%;
      right: unset;
  }
  
  .box-bg-amthuc {
      background: #557961;
      padding: 30px 0;
  }
  
  #block-desc6 .block-top-content:before {
      font-size: 90px;
      left: auto;
      right: 0;
      margin: auto;
      width: 100%;
      text-align: center;
  }
  
  .padding-150 {
      padding: 39px 0;
  }
  
  .list-block .block-flex-child {
      display: block !important;
  }
  
  .list-block .block-flex-child-gr .block-flex-child:before {
      display: none;
  }
  
  #block-desc6 .list-block .block-flex-child .desc-flex {
      padding: 15px;
      font-size: 13pt;
      border-radius: 30px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  
  .list-block .block-flex-child .desc-flex .large-text {
      font-size: 50px;
      padding: 15px 0;
      margin: auto;
  }
  .list-block .block-flex-child img {border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  
  #block-desc6 .list-block .block-flex-child .desc-flex p {
      margin: auto;
  }
      #block-desc0 .block-title-large {
          font-size: 45px !important;
      }
  
      .font-size-40 {
          font-size: 30px;
      }
  
      .font-size-25 {
          font-size: 15px;
      }
  
      .flex-header-vision {
          padding: 15px;
          font-size: 12pt;
      }
  
      #block-vision .leff-content {
          width: 75%;
          padding: 30px;
      }
  
      .block-title {
          font-size: 20pt !important;
          word-wrap: break-word;
          text-align: center;
          padding: 0 15px !important;
      }
  
      .block-desc-small {
          font-size: 12pt;
          padding: 0 15px;
      }
  
      div#block-mission .block-top-content:after {
          font-size: 100px;
          top: 0;
          bottom: 0;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
      }
  }
  
  
  .textline_block {
      font-size: 55px;
      margin-right: 40px;
      color: #dea800;
      width: 190px;
      text-transform: uppercase;
  }
  
  .textline_blockdisplay{
      display: flex !important;
      justify-content: end !important;
  }
  
  .textline_block2{
      font-size: 55px;
      color: #dea800;
      width: 380px;
      text-transform: uppercase;
  }

   /*  05-02 */
   .wapcontent {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (min-width: 1400px) {
    .wapcontent {
        max-width: 1400px;
    }
}
.block-bottom-content.block-flex.block-flex-2.j-center {
    grid-template-columns: 54% 46%;
    gap: 0;
}

div#block-mission .block-desc p {
    margin: 15px 0;
    line-height: 29px;
    font-family: 'geomanist regular';
    font-weight: unset !important;
    letter-spacing: 1px;
    font-size: 22px;
}

div#block-motto .content-block-custom {
    padding-top: 0;
}

div#block-motto.block-custom {
    /* overflow: unset !important; */
    position: relative;
    float: left;
    background: #fff9ef;
    margin-top: -20px;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 20px;
}
div#block-motto .content-block-custom {
    padding-bottom: 35px;
}
#block-motto h2 {
    margin-top: -37px;
}
div#block-motto.block-custom .block-desc p {
    letter-spacing: 1px;
    line-height: 30px
}

div#block-desc3 h2,div#block-desc3 h3 {
    color: #fefaee;
}

div#block-desc3 h3 {
    letter-spacing: 1px !important;
}

div#block-desc3 p {
    line-height: 32px;
}

h2#title-green {
    color: #557961 !important;
    font-size: 40px;
    font-family: math;
    line-height: 53px !important;
    letter-spacing: 1.1px !important;
}
div#block-desc2 h2.block-title span {
    color: #fefaee !important;
}
div#block-desc2 h2.block-title span:nth-child(2) {
    font-size: 198px;
    margin-bottom: 10px;
}
div#content-small p {
    line-height: 29px;
}

div#content-dess {
    padding: 20px 45px;
    font-size: 25px;
    font-family: 'geomanist regular';
}

div#content-dess b {
   font-size: 24px;
}
div#block-desc4 h2 span{
    color: #fefaee;
}

#fảm-block .container {
    width: 94%;
}

div#fảm-block img:nth-child(2) {
    width: 72%;
    height: auto;
}

div#fảm-block img:nth-child(4) {
    width: 79%;
    height: auto;
    margin: auto;
    float: right;
    margin-right: 9%;
}

div#fảm-block img:nth-child(3) {
    position: relative;
    right: -12%;
    height: fit-content;
}
@font-face {
    font-family: geomanist;
    src: url('font/Geomanist/Geomanist-Black.otf');
  }
  @font-face {
    font-family: geomanist regular;
    src: url('font/Geomanist/Geomanist-Regular.otf');
  }
  @font-face {
    font-family: geomanist bold;
    src: url('font/Geomanist/Geomanist-Bold.otf');
  }
  @font-face {
    font-family: merriweather bold;
    src: url('font/Merriweather/Merriweather-Bold.ttf');
  }
  @font-face {
    font-family: geomanist medium;
    src: url('font/Geomanist/Geomanist-Medium.otf');
  }
  #block-vision .block-top-content{
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background: url(img/hinh/bg_tamnhin.jpg);
      float: left;
      width: 100%;
      padding: 107px 0 0;
      background-position: bottom right;
  }
  body {
      margin: auto;
      font-family: "geomanist", cursive;
  }
  
  .content-block-custom {
      padding: 90px  0 0;
      float: left;
      width: 100%;
      position: relative;
  }
  
  .block-flex {
      display: grid;
      float: left;
      width: 100%;
      grid-template-columns: repeat(2, auto);
      justify-content: center;
      align-content: center;
      align-items: stretch;
      justify-items: stretch;
  }
  
  .block-custom img {
      max-width: 100%;
  }
  
  #block-vision .leff-content {
      float: left;
      width: 34%;
      background: #557961;
      color: #Fff;
      padding: 112px 100px 82px 100px;
      margin-bottom: 90px;
  }
  div#block-desc1 .block-desc-small p {
    line-height: 29px;
    font-size: 24px;
    font-weight: unset;
}
div#content-small p {
    font-size: 23px !important;
    line-height: 29px;
    text-align: justify;
    font-family: serif;
}

div#content-small {
    max-width: 890px;
    margin: 0 auto;
}

div#content-small p {
    line-height: normal;
    text-align: justify;
}

div#block-desc2 {
    position: relative;
    margin-top: -4px;
}
  .block-custom {
      float: left;
      width: 100%;
      position: relative;
      /* background: #fff9ef; */
      z-index: 2;
      /* overflow: hidden; */
      background: #fefaee;
      background-size: auto;
      background-position: center;
  }
  
  .block-title {
      font-size: 67pt;
      margin: auto;
      line-height: normal;
      text-align: center;
      text-shadow: 0 0 10px #00000059;
      text-transform: uppercase;
  }
  
  #block-vision .leff-content p {
      line-height: 35px;
      letter-spacing: 0.8px;
  }
  .padding-0 {
      padding: 0 !important;
  }
  
  
  div#block-mission .block-top-content {
      padding: 80px 0;
      text-align: center;
      background: #557961;
      color: #ffff;
      font-size: 18px;
      position: relative;
      z-index: 2;
  }
  img.fullwidth {
      width: 100%;
      height: auto;
  }
  .t-center {
      text-align: center !important;
  }
  .block-desc {
      font-size: 23px;
      font-family: 'geomanist regular';
      position: relative;
      /* text-align: justify; */
  }
#block-motto .g-img-box img:first-child {
      position: unset;
  }
  .g-img-box img:first-child {
      transform: rotate(-7deg);
      position: absolute;
      width: 500px;
      left: 2%;
      bottom: 25%;
  }
  
  .g-img-box img:nth-child(2) {
      transform: rotate(15deg);
  }
  
  .g-img-box {
      width: 94% !important;
      margin: auto !important;
      float: none !important;
      padding: 50px 0  90px 0;
      display: grid !important;
      position: relative;
  }
  .g-img-box img {border: 10px solid whitesmoke;max-width: 95%;z-index: 2;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
  
  .container{
      width: 900px;
      max-width: 100%;
      margin: auto;
  }
  .block-flex-3 {
      grid-template-columns: repeat(3, auto);
  }
  .block-grid {
      display: grid;
      grid-template-columns: repeat(1,1fr);
  }
  
  .gap-10 {
      gap: 10px;
  }
  .padding-30 {
      padding: 30px 0;
  }
  .container-large {
      width: 1100px;
      margin: auto;
  }
  
  .bg-box {
      background: #557961;
      color: #fff;
      padding: 40px;
  }
  
  .block-title-small {
      font-size: 30pt;
      font-family: 'geomanist bold';
  }
div#img-dm {
    padding: 250px 0 100px 0;
}

 

  .block-flex-random img:nth-child(2) {
      transform: rotate(0);
      z-index: 99;
      max-width: 580px;
      position: relative;
      top: -34%;
  }
  
  .block-flex-random img:nth-child(3) {
      transform: rotate(7deg);
      position: absolute;
      width: 500px;
      right: 2%;
      bottom: 25%;
  }
  .top-box {
      margin-top: -10%;
      z-index: 2;
      position: relative;
  }
  .box-content {
      background: #557961;
      color: #fff;
      padding: 60px;
      position: relative;
  }
  .gap-30 {
      gap: 30px;
  }
  
  div#block-desc4 .block-flex-random img:nth-child(3) {
      transform: rotate(0);
      margin-top: 0;
  }
  .block-bottom-content {
      float: left;
      width: 100%;
      /* display: block; */
  }
  .block-desc-large {
      font-size: 22pt;
      color: #557961;
      /* font-family: 'merriweather bold'; */
  }
  .block-title-large {
      padding: 0;
      background: #557961;
      color: #fff;
      font-size: 62pt;
      margin-top: 30px;
  }
  .b-none {
      background: none;
  }
  
  .t-left {
      text-align: left;
  }
  .c-title {
      color: #557961;
  }
  .list-block {
      padding: 90px 0;
  }
  
  .list-block .block-flex-child {
      display: grid;
      gap: 0;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      border-radius: 30px;
      margin-bottom: 13%;
      transform: rotate(-2deg);
      position: relative;
      padding-right: 0;
      grid-template-columns: 65% 35%;
  }
  
  .list-block .block-flex-child .desc-flex {
      padding: 30px;
      background: #557961;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      font-size: 19pt;
      border-left: none;
      font-family: 'geomanist regular';
      line-height: 35px;
      color: #fff9ef;
  }
  
  .list-block .block-flex-child img {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      /* border: 10px solid #fff; */
      border-right: none;
      height: 100%;
      object-fit: cover;
      width: 100%;
  }
  
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child img {
      order: 1;
      border-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
  }
  
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child .desc-flex {
      border-radius: 0;
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      /* border: 10px solid #fff; */
      border-right: none;
  }
  .box-content-1 {
      background: #557961 url(img/logo_amthuc.png) center center no-repeat;
      color: #fff;
      padding: 30px;
      position: relative;
  }
  
  .box-content-1:before {
      content: '';
      position: absolute;
      left: -10px;
      right: 0px;
      top: -26px;
      bottom: 0;
      height: 100%;
      width: 102%;
      background: #0e0c0c82;
      z-index: -9;
      transform: rotate(-6deg);
  }
  .box-content-1 > img {
      position: absolute;
      right: -2%;
      top: -50%;
      width: 45%;
      height: auto;
      transform: rotate(-10deg);
  }
  
  div#block-desc5 {
      padding-top: 15%;
  }
  .block-desc p {
      margin: 15px 0;
      line-height: 40px;
  }
  .block-title-medium {
      font-size: 35pt;
      font-family: 'merriweather bold';
  }
  
  .shadow-none {
      text-shadow: none;
  }
  .non-upper {
      text-transform: none;
      line-height: normal;
  }
  .block-title-s-large {
      font-size: 60pt;
      font-family: 'geomanist bold';
  }
  .t-underline {
      text-decoration: underline;
  }
  
  .block-title-large > span {
      line-height: 100px;
  }
  .gap-50 {
      gap: 50px;
  }
  .box-content-1 .block-desc {
      padding: 0 45px;
  }
  .rotate15deg {
      transform: rotate(5deg) !important;
  }
  
  .rotate-15deg {
      transform: rotate(-5deg) !important;
      margin-left: -8%;
      margin-top: -5%;
  }
  .g-img-box2 {
      grid-template-columns: 30% 40% 30%;
      padding: 0;
      width: 90% !important;
  }
  
  .border-none {
      border: none !important;
  }
  
  .g-img-box2 img {
      max-width: 100%;
      /* z-index: -1; */
  }
  .max-img {
      max-width: 115% !important;
  }
  .padding-90 {
      padding: 90px 0;
  }
  
  .block-desc-large p {
      line-height: 35px;
  }
  .b-content {
      background: #557961;
  }
  .list-block .block-flex-child-gr .block-flex-child:nth-child(2) {
      transform: rotate(2deg);
  }
  
  .list-block .block-flex-child .desc-flex .large-text {
      
      margin: 0 0 50px 0;
      position: relative;
      padding: 60px 0 0;
      text-align: right;
      font-size: 100pt;
      font-family: 'geomanist bold';
      float: left;
      width: 100%;
  }
  
  .list-block .block-flex-child-gr .block-flex-child:nth-child(2) img {
      border-left: none;
      border-right: 10px solid #ffffff;
  }
  .list-block .block-flex-child .desc-flex .large-text:before {
      content: '';
      position: absolute;
      right: 0;
      top: -60px;
      width: 30px;
      height: 30px;
      background: white;
      border-radius: 100%;
  }
  .list-block .block-flex-child:last-child {
      /* margin: auto; */
  }
  .c-white {
      color: #fff9ef;
  }
  .header-vision {
      background: #557961;
      color: #fff;
      font-size: 25px;
      text-transform: uppercase;
  }
  
  .flex-header-vision {
      display: flex;
      justify-content: space-between;
      align-items: center;
      list-style: none;
      padding: 0;
      margin: auto;
      padding: 20px 0 15px 0;
      font-size: 20pt;
  }
  .list-block .block-flex-child:before {
      content: '';
      position: absolute;
      background: url(img/Khung1_bf.png) top center no-repeat;
      width: 25%;
      height: 100%;
      right: -21%;
      top: -25%;
      z-index: 9999;
      background-size: contain;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child .desc-flex .large-text:before {
      top: -60px;
      left: 0;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child:before {
      background: url(img/Khung2_bf.png) top center no-repeat;
      left: 3.5%;
      top: -34%;
      background-size: 110% auto;
      height: 60%;
  }
  .list-block .block-flex-child-gr:nth-child(3) .block-flex-child:before {
      background: url(img/Khung31_bf.png) top center no-repeat;
      top: -47%;
      background-size: 120% auto;
      height: 100%;
      width: 59%;
      right: -23.5%;
  }
  .tg_pro_venice.tg_show_img .tg_figure_abs figure {
      display: none !important;
  }
  div#block-motto:before {
      content: '';
      position: absolute;
      /* background: url(img/line2.png) top center no-repeat; */
      background-size: 100% auto;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      /* top: -44px; */
  }
  div#block-mission .block-top-content:after {
      content: 'SUOI TIEN';
      position: absolute;
      left: -16%;
      top: 20%;
      bottom: 0;
      right: -13%;
      font-size: 333px;
      opacity: 0.05;
      letter-spacing: -2px;
      z-index: 0;
      font-family: 'geomanist bold';
  }
  .block-bg-farm {
      float: left;
      width: 100%;
      padding: 90px 0;
      background: url(img/bg_farm.png) top center no-repeat;
      background-size: cover;
  }
  div#block-desc3 .block-title {
      line-height: 45px;
      letter-spacing: 3px;
      margin-top: 0;
  }
  .padding-60-0 {
      padding: 60px 0;
  }
  .bg-dienmao:after {
      content: '';
      background: url(img/vector_s1.png) top left no-repeat;
      background-size: contain;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 102%;
      height: 100%;
      transform: scale(1.1);
      opacity: 0.08;
  }
  .block-bottom-content-gr {
      float: left;
      width: 100%;
      margin: auto;
      position: relative;
  }
  .box-bg-amthuc {
      background: #557961 url(img/logo_amthuc.png) right bottom no-repeat;
      background-size: contain;
      background-position-y: 80px;
  }
  div#block-motto:after, div#block-desc2:after{
      content: '';
      background: url(img/vector_s11.png) no-repeat;
      background-size: 106%;
      position: absolute;
      left: 0;
      right: 0;
      top: -37%;
      bottom: 0;
      transform: rotate(-14deg);
      opacity: 0.08;
      background-position: left center;
  }
  div#block-desc1:after{
      content: '';
      background: url(img/vector_s12.png)  no-repeat;
      background-size: 110%;
      position: absolute;
      left: 0;
      right: 0;
      top: -27%;
      bottom: 0;
      z-index: 0;
      opacity: 0.08;
      background-position: top;
      transform: rotate(0deg);
  }
  div#block-motto .g-img-box:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 60%;
      height: 73%;
      background: #557961;
      margin: auto;
      z-index: 0;
      transform: rotate(2deg);
  }
  
  div#block-motto .g-img-box img:nth-child(2) {
      transform: rotate(5deg);
      margin-top: 20%;
      margin-left: -6%;
      width: 100%;
      box-shadow: rgba(100, 100, 111, 0.2) 2px 1px 17px 7px;
  }
  
  div#block-motto .g-img-box img:nth-child(1) {
      transform: rotate(-5deg);
      z-index: 9;
      width: 100%;
      max-width: 100% !important;
      margin-top: -16%;
      margin-left: 5%;
      height: fit-content;
      box-shadow: rgba(100, 100, 111, 0.2) 2px 1px 17px 7px;
  }
  div#block-motto .g-img-box {
      margin-top: 11% !important;
  }
  #block-desc1 .content-block-custom {
      padding-bottom: 90px !important;
      position: relative;
  }
  .uncert__text-2, .uncert__text-3, .text-desc {
      opacity: 1 !important;
      color: #000 !important;
      font-size: 14px;
      font-family: "Arima Madurai", cursive;
      line-height: normal;
  }
  .uncert__text-2-second {
      bottom: -10%;
      right: -10%;
  }
  .uncert__text-3-second {
      transform: none;
      bottom: 0px;
  }
  .project_sac_mau .uncert__text-4 {
      
      transform: none;
      top: 25%;
      
      
      padding-left: 55px;
  }

  .sac_mau_venice_sp .tg_btn_story {
      cursor: pointer;
      margin: 0;
      display: table;
      padding: 0;
      transform: none;
      margin-left: 15%;
  }
  .text-desc.red-text-desc {
      color: #bb000c !important;
      font-weight: bold;
  }
  
  .text-desc {
      margin: 10px 0;
  }
  .tg_project_page {
      float: left;
      width: 100%;
      background: #fff9ef;
  }
  
  .s--uncertainty {
      background: #fff9ef !important;
  }
  .uncert__text-1 .title_vn_scroll {
      float: left;
      width: 100%;
      display: block;
      line-height: normal;
  }
  
  .project_sac_mau .uncert__text-1 {
      margin: 0% 0px 0px -3570px;
  }
  .gr-h2-cus {
      position: absolute;
      left: 0;
      right: 0;
      z-index: 1;
      top: 46px;
  }
  
  #block-desc0 .block-title-large {
      font-size: 196pt;
      margin-top: 54px;
      letter-spacing: -6.5px;
  }
  
  div#block-desc4 .block-flex img:nth-child(5) {
      margin-top: -75%;
  }
  .span-child-block > span {
      display: block;
  }
  
  .bg-cus {
      background: #557961;
  }
  
  .color-white {
      color: #fff;
  }
  .span-child-block {
      padding: 60px 0 0;
  }
  div#block-desc2 .bg-cus {
      padding: 60px 0;
  }
  div#block-desc2:after {
      filter: brightness(100);
  }
  .timeline-block{overflow-y: hidden;overflow-x: hidden;white-space: nowrap;vertical-align: text-top;margin: 30px 0;padding: 0 30px;clear: both;border-spacing: 5px;display: flex;position: relative;}
  .timeline-content{display: flex;min-width: auto;width: auto;font-size: 140px;/* border: 2px solid #d1d1d1; *//* border-radius: 5px; *//* padding: 5px; *//* margin: 5px; */white-space: normal;line-height: 1.6;vertical-align: top;text-align: center;/* font-family: 'geomanist' !important; */}
  .timelime-title{margin: 0;font-size: 17px;color:#557961;font-weight: normal;text-align: left;float: left;}
  .timelime-desc{font-size: 15px;margin: 0;font-family: 'geomanist regular';text-align: left;}
  .timelime-desc > p{margin:auto}
  .left-block{float:left;text-align:center;display:flex;justify-content: center;align-items: flex-start;r;width: 10%;}
  .left-block .year-text{transform:rotate(270deg);font-size: 55px;color: #557961;}
  .right-block-content > div{float:left;width:100%;display:flex;justify-content:center;align-items: flex-end;}
  .hidden-content{opacity:0}
  .timelime-thumb{max-width: 150px !important;height:120px;object-fit:cover;min-width: 150px !important;margin-bottom: 10px;}
  .right-block-content{float:left;width:100%;display:grid;grid-template-columns:repeat(1,100%);justify-content:center;align-items:baseline}
  #block-vision .block-desc {
      font-size: 16pt;
      text-align: justify;
  }
  .block-title-bold {
      font-size: 100pt;
      font-family: 'geomanist bold';
  }
  .block-desc-small {
      font-size: 16pt;
  }
  .font-size-25 {
      font-size: 25pt;
  }
  .font-size-14 {
      font-size: 14pt;
  }
  .font-medium b {
      font-family: 'geomanist regular';
      color: #557961;
  }
  .font-family-2 {
      font-family: 'merriweather bold';
  }
  
  .font-size-22 {
      font-size: 22pt;
  }
  .font-family-bold {
      font-family: 'geomanist bold';
  }
  .font-size-23 {
      font-size: 23pt;
  }
  .font-size-60 {
      font-size: 60pt;
      font-family: 'geomanist bold';
  }
  .t-uppercase {
      text-transform: uppercase;
  }
  .font-size-40 {
      font-size: 45pt;
  }
  
  .font-famimy-1-black {
      font-family: 'geomanist';
  }
  .tag-st {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      font-size: 10pt;
      text-transform: uppercase;
  }
  
  .tag-st ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 78%;
      margin: auto;
      list-style: none;
  }
  .font-size-15 {
      font-size: 15pt;
  }
  .t-lower{
      text-transform: none;
  }
  .span-child-block span {
      margin: 0 0 15px 0;
  }
  
  .font-size-100 {
      font-size: 100pt;
  }
  div#block-desc4 .block-title {
      text-transform: uppercase;
  }
  #block-desc0 img {
      padding-top: 78px;
  }
  .content-block-custom-last img {
      padding: 0 !important;
  }
  .container-small {
      width: 650px;
      margin: auto;
      max-width: 100%;
  }
  .padding-30-150 {
      padding: 30px 90px;
  }
  .padding-0-130 {
      padding: 0 130px;
  }
  .font-size-77 {
      font-size: 77pt;
  }
   .p-top {
      top: 0;
  }
  
  .padding-15-0 {
      padding: 15px 0;
  }
  #block-desc6 .block-top-content:before {
      content: 'TOP3';
      position: absolute;
      top: 1.5%;
      font-size: 700px;
      color: #fff;
      opacity: 0.1;
      left: -10%;
      right: 0;
      width: 100%;
  }
   .padding-150 {
      padding: 150px 0;
  }
  .right-block {
      display: flex;
      justify-content: left;
      align-items: baseline;
  }
  .right-block-content > div.show-content{border-bottom:3px dashed #000000b0;position: relative;}
  .child-block-content{min-height: 250px;padding: 0 0 0 15px;position: relative;width: 260px;display: flex;justify-content: flex-start;align-items: flex-start;flex-flow: column;}
  .right-block-content > div.bottom-content.show-content{border-bottom:none;border-top: 3px dashed #000000b0;margin-top: -2.5px;justify-content: flex-start;padding-top: 15px;margin-left: 80px;}
  .right-block-content > div.show-content:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      width: 45%;
      height: 3px;
      background: black;
      bottom: -3px;
      display: none;
  }
  .right-block-content > div.bottom-content.show-content:after {
      top: -3px;
      bottom: 0;
  }
  .timeline-block-line {
      position: absolute;
      top: 50%;
      left: 15px;
      right: 0;
      width: 0;
      border-bottom: 4px solid black;
      margin-top: -18px;
  }
  .child-block-content:nth-child(2) {
      border-left: 3px solid #000000b0;
  }
  .timeline-content:nth-child(2) .left-block:first-child {
      padding-left: 60px;
  }
  .child-block-content:nth-child(2):before {
      content: '';
      position: absolute;
      left: -6px;
      bottom: -6px;
      width: 10px;
      height: 10px;
      background: black;
      transform: rotate(45deg);
  }
  
  .bottom-content .child-block-content:nth-child(2):before {
      top: -6px;
  }
  .block-bottom-content img {
      max-width: 100%;
  }
  .font-size-13 {
      font-size: 13pt;
  }
  
  .t-none {
      text-transform: none;
  }
  
  #block-desc0 .tag-st {
      padding-bottom: 50px;
      padding-left: 39px;
      padding-right: 39px;
  }
  #block-desc2 .block-desc-large p {
      line-height: 40px;
  }
#block-desc2 .container {
    width: 1160px;
}

div#block-desc2 .block-desc {
    text-align: center;
    font-size: 31px;
}
div#content-db p {
    font-size: 25px;
    line-height: 30px;
    text-align: justify;
}

  #block-motto .g-img-box {
      padding-bottom: 0;
  }
  
  #block-desc1 .content-block-custom {
      padding: 60px 0 !important;
  }
      div#block-desc2:after {
      background: url(img/vector_s13.png) no-repeat;
      background-size: contain;
      transform: rotate(0);
      position: absolute;
      left: 0%;
      top: -52%;
      background-position: left;
  }
  #block-desc2 .content-block-custom:last-child:before {
      content: '';
      background: url(img/vector_s14.png) no-repeat;
      background-size: cover;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0.08;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child {
      grid-template-columns: 35% 65%;
      transform: rotate(2deg);
  }
  #block-desc6 .list-block .block-flex-child .desc-flex {
      padding: 90px 30px;
  }
  #block-desc6 .list-block {
      padding: 0;
  }
  
  #block-desc6 .list-block .block-flex-child-gr:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;filter: blur(7px);background-size: cover !important;}
  #block-desc6 .list-block .block-flex-child-gr:first-child:before {background: url(img/bg_s61.jpg) center center no-repeat;}
  #block-desc6 .list-block .block-flex-child-gr:nth-child(2):before {background: url(img/bg_s62.jpg) center center no-repeat;}
  #block-desc6 .list-block .block-flex-child-gr:last-child:before {background: url(img/bg_lydo1.jpeg) center center no-repeat;}
      
  .block-flex-child-gr {
      position: relative;
      z-index: 2;
  }
  
  #block-desc6 .list-block .block-flex-child-gr:first-child {
      padding-top: 7%;
      padding-bottom: 7%;
  }
  #block-desc6 .list-block .block-flex-child {
      margin: auto;
      border: 5px solid #fff;
      /* border-radius: 0; */
      /* transform: rotate(0); */
  }
  #block-desc6 .block-flex-child-gr {padding-top: 7%;}
  #block-desc6 .block-flex-child-gr:last-child {
      padding-bottom: 10%;
      padding-top: 7%;
  }
  #block-desc6 .block-flex-child-gr:nth-child(2) {
      padding-bottom: 7%;
  }
  .timeline-content .child-block-content {
      text-align: left;
  }
  div#block-timeline h2.block-title {
      padding: 0 15px !important;
      font-size: 27pt;
  }
  
  div#timeline-content-2014 {
      max-width: 100% !important;
      height: auto;
  }
  div#block-vision .content-block-custom {
      padding: 0;
  }
  @media only screen and (max-width: 1024px) {
  div#block-desc4 .block-flex img:nth-child(5) {
      margin: auto;
  }
  #block-desc6 .list-block .block-flex-child-gr {
      width: 90%;
      margin: auto;
  }
  
  .block-desc p {
      line-height: 30px;
  }
      div#content-db p {
    line-height: 30px !important;
    font-size: 18px;
    text-align: justify;
}

div#img-dm , div#content-db p {
    padding: 5px 0 !important;
}



.g-img-box img:first-child {
    position: unset !important;
    transform: rotate(0) !important;!i;!;
    width: 96% !important;
    left: 0 !important;
}

.block-flex-random img:nth-child(2) {position: unset !important;width: 96%;}

.block-flex-random img:nth-child(3) {
    position: unset !important;
    transform: rotate(0) !important;!i;!;
    width: 96% !important;!i;!;
}

div#content-dess {
    padding: 20px !important;
    font-size: 18px !important;
}

div#content-dess b {
    font-size: 18px !important;
}
img.hìnharm {
    height: auto !important;
    width: 93% !important;
    margin: 14px;
    height: auto;
}

img.hìnharm.hìnharm1 {
    height: auto !important;
    /* width: 90% !important; */!i;!;
}

img.hìnharm.hìnharm2 {
    /* width: 98% !important; */
    margin-top: 0 !important
}

img.hìnharm.hìnharm3 {
    margin: 14px !important;!
}

img.hìnharm.hìnharm4 {
    margin: 14px!important;
    /* width: 100% !important; */
}

img.hìnharm.hìnharm5 {
    margin-top: 0 !important;
    margin: 14px!important;
}

img.hìnharm.hìnharm6 {
    /* width: 100% !important; */
    margin: 14px!important;
}

.content-block-custom {
    padding: 30px 0 10px !important;
}

div#box-xontenta {
    width: 100% !important;
}

div#blockimg .imgblock1 {
    position: unset !important;
    margin-top: 0 !important;
    width: 100% !important;
    z-index: unset !important;
}

div#blockimg .imgblock2 {
    width: 100% !important;
    left: 0 !important;
    margin-top: 0 !important;
    z-index: 0;
    margin-left: 0 !important;
    transform: rotate(0) !important;
}

div#blockimg {
    display: block !important;
}

.rotate15deg {
    transform: rotate(0) !important;
}

div#blockimg .imgblock3 {
    margin-top: 0 !important;
    position: unset !important;
    width: 100% !important;
}
  .list-block .block-flex-child .desc-flex .large-text:before {
      display: none;
  }
  
  div#block-desc5 {
      padding-top: 0;
  }
  
  .block-bg-farm {
      padding: 30px 0;
  }
  
  .block-desc.bg-box {
      padding: 15px;
      font-size: 14pt;
  }
  
  #block-vision .leff-content p {
      line-height: 30px;
  }
  
  .padding-90 {
      padding: 30px 0;
  }
  
  .block-title-large {
      margin-top: 0;
  }
  
  div#block-desc6 .block-bottom-content {
      margin-top: 30px;
  }
      .block-flex {
      display: block;
  }
  
  #block-vision .block-desc {
      font-size: 12pt;
  }
  
  .container-large {
      max-width: 100%;
  }
  
  .container {
      max-width: 100%;
  }
  
  .block-desc-large {
      font-size: 12pt;
      padding: 0 15px !important;
  }
  
  .top-box {
      margin-top: 0;
      float: left;
      width: 100%;
  }
  
  .block-top-content.block-full.top-box {
  }
  
  .bg-box {
      padding: 15px 0;
  }
  
  div#block-desc3 .block-title {
      margin: auto;
  }
  
  .block-title-large > span {line-height: 44px;}
  
  div#block-desc4 .block-title {
      margin: auto;
  }
  
  .tag-st {
      font-size: 8pt;
      padding-bottom: 15px !important;
  }
  
  .tag-st ul {
      gap: 10px;
      width: 100%;
      padding: 0 10px;
  }
  
  .box-content-1 > img {
      position: relative;
      top: unset;
      width: 100%;
      right: unset;
  }
  
  .box-bg-amthuc {
      background: #557961;
      padding: 30px 0;
  }
  
  #block-desc6 .block-top-content:before {
      font-size: 90px;
      left: auto;
      right: 0;
      margin: auto;
      width: 100%;
      text-align: center;
  }
  
  .padding-150 {
      padding: 39px 0;
  }
  
  .list-block .block-flex-child {
      display: block !important;
  }
  
  .list-block .block-flex-child-gr .block-flex-child:before {
      display: none;
  }
  
  #block-desc6 .list-block .block-flex-child .desc-flex {
      padding: 15px;
      font-size: 13pt;
      border-radius: 30px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  
  .list-block .block-flex-child .desc-flex .large-text {
      font-size: 50px;
      padding: 15px 0;
      margin: auto;
  }
  .list-block .block-flex-child img {border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  
  #block-desc6 .list-block .block-flex-child .desc-flex p {
      margin: auto;
  }
      #block-desc0 .block-title-large {
          font-size: 45px !important;
      }
  
      .font-size-40 {
          font-size: 30px;
      }
  
      .font-size-25 {
          font-size: 15px;
      }
  
      .flex-header-vision {
          padding: 15px;
          font-size: 12pt;
      }
  
      #block-vision .leff-content {
          width: 75%;
          padding: 30px;
      }
  
      .block-title {
          font-size: 20pt !important;
          word-wrap: break-word;
          text-align: center;
          padding: 0 15px !important;
      }
  
      .block-desc-small {
          font-size: 12pt;
          padding: 0 15px;
      }
  
      div#block-mission .block-top-content:after {
          font-size: 100px;
          top: 0;
          bottom: 0;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
      }
  }
  
  
  .textline_block {
      font-size: 55px;
      margin-right: 40px;
      color: #dea800;
      width: 190px;
      text-transform: uppercase;
  }
  
  .textline_blockdisplay{
      display: flex !important;
      justify-content: end !important;
  }
  
  .textline_block2{
      font-size: 55px;
      color: #dea800;
      width: 380px;
      text-transform: uppercase;
  }

   /*  05-02 */
   .wapcontent {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (min-width: 1400px) {
    .wapcontent {
        max-width: 1400px;
    }
}
.block-bottom-content.block-flex.block-flex-2.j-center {
    grid-template-columns: 54% 46%;
    gap: 0;
}

div#block-mission .block-desc p {
    margin: 15px 0;
    line-height: 29px;
    font-family: 'geomanist regular';
    font-weight: unset !important;
    letter-spacing: 1px;
    font-size: 22px;
}

div#block-motto .content-block-custom {
    padding-top: 0;
}

div#block-motto.block-custom {
    /* overflow: unset !important; */
    position: relative;
    float: left;
    background: #fff9ef;
    margin-top: -20px;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 20px;
}
div#block-motto .content-block-custom {
    padding-bottom: 35px;
}
#block-motto h2 {
    margin-top: -37px;
}
div#block-motto.block-custom .block-desc p {
    letter-spacing: 1px;
    line-height: 30px
}

div#block-desc3 h2,div#block-desc3 h3 {
    color: #fefaee;
}

div#block-desc3 h3 {
    letter-spacing: 1px !important;
}

div#block-desc3 p {
    line-height: 32px;
}

@font-face {
    font-family: geomanist;
    src: url('font/Geomanist/Geomanist-Black.otf');
  }
  @font-face {
    font-family: geomanist regular;
    src: url('font/Geomanist/Geomanist-Regular.otf');
  }
  @font-face {
    font-family: geomanist bold;
    src: url('font/Geomanist/Geomanist-Bold.otf');
  }
  @font-face {
    font-family: merriweather bold;
    src: url('font/Merriweather/Merriweather-Bold.ttf');
  }
  @font-face {
    font-family: geomanist medium;
    src: url('font/Geomanist/Geomanist-Medium.otf');
  }
  #block-vision .block-top-content{
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background: url(img/hinh/bg_tamnhin.jpg);
      float: left;
      width: 100%;
      padding: 107px 0 0;
      background-position: bottom right;
  }
  body {
      margin: auto;
      font-family: "geomanist", cursive;
  }
  
  .content-block-custom {
      padding: 90px  0 0;
      /* float: left; */
      /* width: 100%; */
      /* position: relative; */
  }
  
  .block-flex {
      display: grid;
      /* float: left; */
      /* width: 100%; */
      grid-template-columns: repeat(2, auto);
      /* justify-content: center; */
      /* align-content: center; */
      /* align-items: stretch; */
      /* justify-items: stretch; */
  }
  
  .block-custom img {
      max-width: 100%;
  }
  
  #block-vision .leff-content {
      float: left;
      width: 34%;
      background: #557961;
      color: #Fff;
      padding: 112px 100px 82px 100px;
      margin-bottom: 90px;
  }
  div#block-desc1 .block-desc-small p {
    line-height: 29px;
    font-size: 24px;
    font-weight: unset;
}
div#content-small p {
    font-size: 23px !important;
    line-height: 29px;
    text-align: justify;
    font-family: 'geomanist regular';
}

div#content-small {
    max-width: 890px;
    margin: 0 auto;
}

div#content-small p {
    line-height: normal;
    text-align: left;
}

div#block-desc2 {
    position: relative;
    margin-top: -4px;
}
  .block-custom {
      float: left;
      width: 100%;
      position: relative;
      /* background: #fff9ef; */
      z-index: 2;
      /* overflow: hidden; */
      background: #fefaee;
      background-size: auto;
      background-position: center;
  }
  
  .block-title {
      font-size: 67pt;
      margin: auto;
      line-height: normal;
      text-align: center;
      text-shadow: 0 0 10px #00000059;
      text-transform: uppercase;
  }
  
  #block-vision .leff-content p {
      line-height: 35px;
      letter-spacing: 0.8px;
  }
  .padding-0 {
      padding: 0 !important;
  }
  
  
  div#block-mission .block-top-content {
      padding: 80px 0;
      text-align: center;
      background: #557961;
      color: #ffff;
      font-size: 18px;
      position: relative;
      z-index: 2;
  }
  img.fullwidth {
      width: 100%;
      height: auto;
  }
  .t-center {
      text-align: center !important;
  }
  .block-desc {
      font-size: 23px;
      font-family: 'geomanist regular';
      position: relative;
      /* text-align: justify; */
  }
#block-motto .g-img-box img:first-child {
      position: unset;
  }
  .g-img-box img:first-child {
      transform: rotate(-7deg);
      position: absolute;
      width: 500px;
      left: 2%;
      /* bottom: 0; */
  }
  
  .g-img-box img:nth-child(2) {
      transform: rotate(15deg);
  }
  
  .g-img-box {
      width: 94% !important;
      margin: auto !important;
      float: none !important;
      padding: 50px 0  90px 0;
      display: grid !important;
      position: relative;
  }
  .g-img-box img {border: 10px solid whitesmoke;max-width: 95%;z-index: 2;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
  
  .container{
      width: 900px;
      max-width: 100%;
      margin: auto;
  }
  .block-flex-3 {
      grid-template-columns: repeat(3, auto);
  }
  .block-grid {
      display: grid;
      grid-template-columns: repeat(1,1fr);
  }
  
  .gap-10 {
      gap: 10px;
  }
  .padding-30 {
      padding: 30px 0;
  }
  .container-large {
      width: 1100px;
      margin: auto;
  }
  
  .bg-box {
      background: #557961;
      color: #fff;
      padding: 40px;
  }
  
  .block-title-small {
      font-size: 30pt;
      font-family: 'geomanist bold';
  }
div#content-db p {
    /* padding: 250px 0 100px 0; */
}

 

  .block-flex-random img:nth-child(2) {
      transform: rotate(0);
      z-index: 99;
      max-width: 580px;
      position: relative;
      top: -34%;
      /* display: flex; */
      /* flex-direction: row; */
      justify-content: center;
      align-content: center;
      flex-wrap: nowrap;
      align-items: center;
  }
  
  .block-flex-random img:nth-child(3) {
      transform: rotate(7deg);
      position: absolute;
      width: 500px;
      right: 2%;
      /* bottom: 0; */
  }
  .top-box {
      margin-top: -10%;
      z-index: 2;
      position: relative;
  }
  .box-content {
      background: #557961;
      color: #fff;
      padding: 60px 20px;
      position: relative;
  }
  .gap-30 {
      gap: 30px;
  }
  
  div#block-desc4 .block-flex-random img:nth-child(3) {
      transform: rotate(0);
      margin-top: 0;
  }
  .block-bottom-content {
      float: left;
      width: 100%;
      /* display: block; */
  }
  .block-desc-large {
      font-size: 22pt;
      color: #557961;
      /* font-family: 'merriweather bold'; */
  }
  .block-title-large {
      padding: 0;
      background: #557961;
      color: #fefaee;
      font-size: 62pt;
      margin-top: 30px;
  }
  .b-none {
      background: none;
  }
  
  .t-left {
      text-align: left;
  }
  .c-title {
      color: #557961;
  }
  .list-block {
      padding: 90px 0;
  }
  
  .list-block .block-flex-child {
      display: grid;
      gap: 0;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      border-radius: 30px;
      margin-bottom: 13%;
      transform: rotate(-2deg);
      position: relative;
      padding-right: 0;
      grid-template-columns: 65% 35%;
  }
  
  .list-block .block-flex-child .desc-flex {
      padding: 30px;
      background: #557961;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      font-size: 19pt;
      border-left: none;
      font-family: 'geomanist regular';
      line-height: 35px;
      color: #fff9ef;
  }
  
  .list-block .block-flex-child img {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      /* border: 10px solid #fff; */
      border-right: none;
      height: 100%;
      object-fit: cover;
      width: 100%;
  }
  
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child img {
      order: 1;
      border-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
  }
  
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child .desc-flex {
      border-radius: 0;
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      /* border: 10px solid #fff; */
      border-right: none;
  }
  .box-content-1 {
      background: #557961 url(img/logo_amthuc.png) center center no-repeat;
      color: #fff;
      padding: 40px;
      position: relative;
  }
  
  .box-content-1:before {
      content: '';
      position: absolute;
      left: -9px;
      right: 0px;
      top: 4px;
      bottom: 0;
      height: 100%;
      width: 102%;
      background: #0e0c0c82;
      z-index: -9;
      transform: rotate(-2deg);
  }
  .box-content-1 > img {
      position: absolute;
      right: -4%;
      top: -27%;
      width: 54%;
      height: auto;
      transform: rotate(-3deg);
  }
  
  div#block-desc5 {
      padding-top: 3%;
  }
  .block-desc p {
      margin: 15px 0;
      line-height: 40px;
  }
  .block-title-medium {
      font-size: 39pt;
      font-family: 'merriweather bold';
  }
  
  .shadow-none {
      text-shadow: none;
  }
  .non-upper {
      text-transform: none;
      line-height: normal;
  }
  .block-title-s-large {
      font-size: 60pt;
      font-family: 'geomanist bold';
      color: #fefaee;
  }
  .t-underline {
      text-decoration: underline;
  }
  
  .block-title-large > span {
      line-height: 100px;
  }
  .gap-50 {
      gap: 50px;
  }
  .box-content-1 .block-desc {
      padding: 0 45px;
  }
  .rotate15deg {
      transform: rotate(5deg) !important;
  }
  
  .rotate-15deg {
      transform: rotate(-5deg) !important;
      margin-left: -8%;
      margin-top: -5%;
  }
  .g-img-box2 {
      grid-template-columns: 30% 40% 30%;
      padding: 0;
      width: 90% !important;
  }
  
  .border-none {
      border: none !important;
  }
  
  .g-img-box2 img {
      max-width: 100%;
      /* z-index: -1; */
  }
  .max-img {
      max-width: 115% !important;
  }
  .padding-90 {
      padding: 90px 0;
  }
  
  .block-desc-large p {
      line-height: 35px;
  }
  .b-content {
      background: #557961;
  }
  .list-block .block-flex-child-gr .block-flex-child:nth-child(2) {
      transform: rotate(2deg);
  }
  
  .list-block .block-flex-child .desc-flex .large-text {
      
      margin: 0 0 50px 0;
      position: relative;
      padding: 60px 0 0;
      text-align: right;
      font-size: 100pt;
      font-family: 'geomanist bold';
      float: left;
      width: 100%;
  }
  
  .list-block .block-flex-child-gr .block-flex-child:nth-child(2) img {
      border-left: none;
      border-right: 10px solid #ffffff;
  }
  .list-block .block-flex-child .desc-flex .large-text:before {
      content: '';
      position: absolute;
      right: 0;
      top: -60px;
      width: 30px;
      height: 30px;
      background: white;
      border-radius: 100%;
  }
  .list-block .block-flex-child:last-child {
      /* margin: auto; */
  }
  .c-white {
      color: #fff9ef;
  }
  .header-vision {
      background: #557961;
      color: #fff;
      font-size: 25px;
      text-transform: uppercase;
  }
  
  .flex-header-vision {
      display: flex;
      justify-content: space-between;
      align-items: center;
      list-style: none;
      padding: 0;
      margin: auto;
      padding: 20px 0 15px 0;
      font-size: 20pt;
  }
  .list-block .block-flex-child:before {
      content: '';
      position: absolute;
      background: url(img/Khung1_bf.png) top center no-repeat;
      width: 25%;
      height: 100%;
      right: -21%;
      top: -21%;
      z-index: 9999;
      background-size: contain;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child .desc-flex .large-text:before {
      top: -60px;
      left: 0;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child:before {
      background: url(img/Khung2_bf.png) top center no-repeat;
      left: 3.5%;
      top: -34%;
      background-size: 122% auto;
      height: 59%;
  }
  .list-block .block-flex-child-gr:nth-child(3) .block-flex-child:before {
      background: url(img/Khung31_bf.png) top center no-repeat;
      top: -36%;
      background-size: 120% auto;
      height: 100%;
      width: 55%;
      right: -21.5%;
  }
  .tg_pro_venice.tg_show_img .tg_figure_abs figure {
      display: none !important;
  }
  div#block-motto:before {
      content: '';
      position: absolute;
      /* background: url(img/line2.png) top center no-repeat; */
      background-size: 100% auto;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      /* top: -44px; */
  }
  div#block-mission .block-top-content:after {
      content: 'SUOI TIEN';
      position: absolute;
      left: -16%;
      top: 20%;
      bottom: 0;
      right: -13%;
      font-size: 333px;
      opacity: 0.05;
      letter-spacing: -2px;
      z-index: 0;
      font-family: 'geomanist bold';
  }
  .block-bg-farm {
      float: left;
      width: 100%;
      padding: 90px 0;
      background: url(img/bg_farm.png) top center no-repeat;
      background-size: cover;
      position: relative;
      margin-top: -58px;
  }
  div#block-desc3 .block-title {
      line-height: 45px;
      letter-spacing: 3px;
      margin-top: 0;
  }
  .padding-60-0 {
      padding: 50px 0;
  }
  .bg-dienmao:after {
      content: '';
      background: url(img/vector_s1.png)   no-repeat;
      background-size: cover;
      position: absolute;
      top: 2%;
      left: 0;
      right: 0;
      bottom: 0;
      background-position: center;
      opacity: 0.08;
      transform: rotate(-7deg);
  }
  .block-bottom-content-gr {
      float: left;
      width: 100%;
      margin: auto;
      position: relative;
  }
  .box-bg-amthuc {
      background: #3c6e4cfc url(img/logo_amthuc.png) right bottom no-repeat;
      background-size: 42%;
      background-position-y: 142px;
  }
  div#block-motto:after, div#block-desc2:after{
      content: '';
      background: url(img/vector_s11.png) no-repeat;
      background-size: 106%;
      position: absolute;
      left: 0;
      right: 0;
      top: -37%;
      bottom: 0;
      transform: rotate(-14deg);
      opacity: 0.08;
      background-position: left center;
  }
  div#block-desc1:after{
      content: '';
      background: url(img/vector_s12.png)  no-repeat;
      background-size: 110%;
      position: absolute;
      left: 0;
      right: 0;
      top: -27%;
      bottom: 0;
      z-index: -1;
      opacity: 0.08;
      background-position: top;
      transform: rotate(0deg);
  }
  div#block-motto .g-img-box:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 60%;
      height: 73%;
      background: #557961;
      margin: auto;
      z-index: 0;
      transform: rotate(2deg);
  }
  
  div#block-motto .g-img-box img:nth-child(2) {
      transform: rotate(5deg);
      margin-top: 20%;
      margin-left: -6%;
      width: 100%;
      box-shadow: rgba(100, 100, 111, 0.2) 2px 1px 17px 7px;
  }
  
  div#block-motto .g-img-box img:nth-child(1) {
      transform: rotate(-5deg);
      z-index: 9;
      width: 100%;
      max-width: 100% !important;
      margin-top: -16%;
      max-height: 400px;
      height: auto;
      box-shadow: rgba(100, 100, 111, 0.2) 2px 1px 17px 7px;
  }
  div#block-motto .g-img-box {
      margin-top: 11% !important;
  }
  #block-desc1 .content-block-custom {
      padding-bottom: 90px !important;
      position: relative;
  }
  .uncert__text-2, .uncert__text-3, .text-desc {
      opacity: 1 !important;
      color: #000 !important;
      font-size: 14px;
      font-family: "Arima Madurai", cursive;
      line-height: normal;
  }
  .uncert__text-2-second {
      bottom: -10%;
      right: -10%;
  }
  .uncert__text-3-second {
      transform: none;
      bottom: 0px;
  }
  .project_sac_mau .uncert__text-4 {
      transform: none;
      top: 25%;
      
      
      padding-left: 55px;
  }
  
  .not-alone-text {
      /* margin-top: 0px !important; */
  }
  .sac_mau_venice_sp .tg_btn_story {
      cursor: pointer;
      margin: 0;
      display: table;
      padding: 0;
      transform: none;
      margin-left: 15%;
  }
  .text-desc.red-text-desc {
      color: #bb000c !important;
      font-weight: bold;
  }
  
  .text-desc {
      margin: 10px 0;
  }
  .tg_project_page {
      float: left;
      width: 100%;
      background: #fff9ef;
  }
  
  .s--uncertainty {
      background: #fff9ef !important;
  }
  .uncert__text-1 .title_vn_scroll {
      float: left;
      width: 100%;
      display: block;
      line-height: normal;
  }
  
  .project_sac_mau .uncert__text-1 {
      margin: 0% 0px 0px -3570px;
  }
  .gr-h2-cus {
      position: absolute;
      left: 0;
      right: 0;
      z-index: 1;
      top: 46px;
  }
  
  #block-desc0 .block-title-large {
      font-size: 196pt;
      margin-top: 54px;
      letter-spacing: -6.5px;
  }
  
  div#block-desc4 .block-flex img:nth-child(5) {
      margin-top: -40%;
      position: relative;
      right: -12%;
      height: auto;
  }
div#block-desc4 .block-flex img:nth-child(6) {
    width: 79%;
    height: auto;
    margin: auto;
    float: right;
    margin-right: 9%;
}

  .span-child-block > span {
      display: block;
  }
  
  .bg-cus {
      background: #557961;
  }
  
  .color-white {
      color: #fff;
  }
  .span-child-block {
      padding: 60px 0 0;
  }
  div#block-desc2 .bg-cus {
      padding: 60px 0;
      margin-bottom: 1px;
  }
  div#block-desc2:after {
      filter: brightness(100);
  }
  .timeline-block{overflow-y: hidden;overflow-x: hidden;white-space: nowrap;vertical-align: text-top;margin-top: 80px;padding: 0 30px;clear: both;border-spacing: 5px;display: flex;position: relative;}
  .timeline-content{display: flex;min-width: auto;width: auto;font-size: 140px;/* border: 2px solid #d1d1d1; *//* border-radius: 5px; *//* padding: 5px; *//* margin: 5px; */white-space: normal;line-height: 1.6;vertical-align: top;text-align: center;/* font-family: 'geomanist' !important; */}
  .timelime-title{margin: 0;font-size: 17px;color:#557961;font-weight: normal;text-align: left;float: left;line-height: 21px;}
  .timelime-desc{font-size: 15px;margin: 0;font-family: 'geomanist regular';text-align: left;}
  .timelime-desc > p{margin:auto}
  .left-block{float:left;text-align:center;display:flex;justify-content: center;align-items: flex-start;r;width: 10%;}
  .left-block .year-text{transform:rotate(270deg);font-size: 55px;color: #557961;}
  .right-block-content > div{float:left;width:100%;display:flex;justify-content:center;align-items: flex-end;}
  .hidden-content{opacity:0}
  .timelime-thumb{max-width: 230px !important;height: 119px;object-fit: unset;min-width: 150px !important;margin-bottom: 10px;}
  .right-block-content{float:left;width:100%;display:grid;grid-template-columns:repeat(1,100%);justify-content:center;align-items:baseline}
  #block-vision .block-desc {
      font-size: 16pt;
      text-align: justify;
  }
  .block-title-bold {
      font-size: 100pt;
      font-family: 'geomanist bold';
  }
  .block-desc-small {
      font-size: 16pt;
  }
  .font-size-25 {
      font-size: 25pt;
  }
  .font-size-14 {
      font-size: 14pt;
  }
  .font-medium b {
      font-family: 'geomanist regular';
      color: #557961;
  }
  .font-family-2 {
      font-family: 'merriweather bold';
  }
  
  .font-size-22 {
      font-size: 22pt;
  }
  .font-family-bold {
      font-family: 'geomanist bold';
  }
  .font-size-23 {
      font-size: 23pt;
  }
  .font-size-60 {
      font-size: 60pt;
      font-family: 'geomanist bold';
  }
  .t-uppercase {
      text-transform: uppercase;
  }
  .font-size-40 {
      font-size: 45pt;
  }
  
  .font-famimy-1-black {
      font-family: 'geomanist';
  }
  .tag-st {
      /* position: absolute; */
      /* bottom: 0; */
      /* left: 0; */
      /* right: 0; */
      /* width: 100%; */
      /* font-size: 10pt; */
      /* text-transform: uppercase; */
  }
  
  .tag-st ul {
      display: flex;
      width: 90%;
      list-style: none;
      flex-direction: row;
      align-content: center;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
  }
  .font-size-15 {
      font-size: 15pt;
  }
  .t-lower{
      text-transform: none;
  }
  .span-child-block span {
      margin: 0 0 15px 0;
  }
  
  .font-size-100 {
      font-size: 100pt;
  }
  div#block-desc4 .block-title {
      text-transform: uppercase;
  }
  #block-desc0 img {
      padding-top: 78px;
  }
  .content-block-custom-last img {
      padding: 0 !important;
  }
  .container-small {
      width: 650px;
      margin: auto;
      max-width: 100%;
  }
  .padding-30-150 {
      padding: 30px 90px;
  }
  .padding-0-130 {
      padding: 0 10px;
  }
  .font-size-77 {
      font-size: 77pt;
  }
   .p-top {
      /* top: 0; */
  }
  
  .padding-15-0 {
      padding: 15px 0;
  }
  #block-desc6 .block-top-content:before {
      content: 'TOP3';
      position: absolute;
      top: 1.5%;
      font-size: 700px;
      color: #fff;
      opacity: 0.1;
      left: -10%;
      right: 0;
      width: 100%;
  }
   .padding-150 {
      padding: 150px 0;
  }
  .right-block {
      display: flex;
      justify-content: left;
      align-items: baseline;
  }
  .right-block-content > div.show-content{border-bottom:3px dashed #000000b0;position: relative;}
  .child-block-content{min-height: 250px;padding: 0 0 0 35px;position: relative;width: 260px;display: flex;justify-content: flex-start;align-items: flex-start;flex-flow: column;}
  .right-block-content > div.bottom-content.show-content{border-bottom:none;border-top: 3px dashed #000000b0;margin-top: -2.5px;justify-content: flex-start;padding-top: 15px;margin-left: 88px;}
  .right-block-content > div.show-content:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      width: 45%;
      height: 3px;
      background: black;
      bottom: -3px;
      display: none;
  }
  .right-block-content > div.bottom-content.show-content:after {
      top: -3px;
      bottom: 0;
  }
  .timeline-block-line {
      position: absolute;
      top: 50%;
      left: 15px;
      right: 0;
      width: 0;
      border-bottom: 4px solid black;
      margin-top: -10px;
  }
  .child-block-content:nth-child(2) {
      border-left: 3px solid #000000b0;
  }
  .timeline-content:nth-child(2) .left-block:first-child {
      padding-left: 60px;
  }
  .child-block-content:nth-child(2):before {
      content: '';
      position: absolute;
      left: -6px;
      bottom: -6px;
      width: 10px;
      height: 10px;
      background: black;
      transform: rotate(45deg);
  }
  
  .bottom-content .child-block-content:nth-child(2):before {
      top: -6px;
  }
  .block-bottom-content img {
      max-width: 100%;
  }
  .font-size-13 {
      font-size: 13pt;
  }
  
  .t-none {
      text-transform: none;
  }
  
  #block-desc0 .tag-st {
      padding-bottom: 50px;
      padding-left: 39px;
      padding-right: 39px;
  }
  #block-desc2 .block-desc-large p {
      line-height: 40px;
  }
#block-desc2 .container {
    width: 1160px;
}

div#block-desc2 .block-desc {
    text-align: center;
    font-size: 36px;
    letter-spacing: 1px;
}
div#content-db p {
    font-size: 25px;
    line-height: 30px;
    text-align: justify;
}

  #block-motto .g-img-box {
      padding-bottom: 0;
  }
  
  #block-desc1 .content-block-custom {
      padding: 60px 0 !important;
  }
      div#block-desc2:after {
      background: url(img/vector_s13.png) no-repeat;
      background-size: contain;
      transform: rotate(0);
      /* position: absolute; */
      z-index: -1;
      left: 0%;
      top: -52%;
      background-position: left;
  }
  #block-desc2 .content-block-custom:last-child:before {
      content: '';
      background: url(img/vector_s14.png) no-repeat;
      background-size: cover;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0.08;
  }
  .list-block .block-flex-child-gr:nth-child(2) .block-flex-child {
      grid-template-columns: 35% 65%;
      transform: rotate(2deg);
  }
  #block-desc6 .list-block .block-flex-child .desc-flex {
      padding: 90px 30px;
  }
  #block-desc6 .list-block {
      padding: 0;
  }
  
  #block-desc6 .list-block .block-flex-child-gr:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;filter: blur(7px);background-size: cover !important;}
  #block-desc6 .list-block .block-flex-child-gr:first-child:before {background: url(img/bg_s61.jpg) center center no-repeat;}
  #block-desc6 .list-block .block-flex-child-gr:nth-child(2):before {background: url(img/bg_s62.jpg) center center no-repeat;}
  #block-desc6 .list-block .block-flex-child-gr:last-child:before {background: url(img/bg_lydo1.jpeg) center center no-repeat;}
      
  .block-flex-child-gr {
      position: relative;
      z-index: 2;
  }
  
  #block-desc6 .list-block .block-flex-child-gr:first-child {
      padding-top: 7%;
      padding-bottom: 5%;
  }
  #block-desc6 .list-block .block-flex-child {
      margin: auto;
      border: 5px solid #fff;
      /* border-radius: 0; */
      /* transform: rotate(0); */
  }
  #block-desc6 .block-flex-child-gr {padding-top: 7%;}
  #block-desc6 .block-flex-child-gr:last-child {
      padding-bottom: 10%;
      padding-top: 5%;
  }
  #block-desc6 .block-flex-child-gr:nth-child(2) {
      padding-bottom: 7%;
  }
  .timeline-content .child-block-content {
      text-align: left;
  }
  div#block-timeline h2.block-title {
      padding: 0 15px !important;
      font-size: 27pt;
  }
  
  div#timeline-content-2014 {
      max-width: 100% !important;
      height: auto;
  }
  div#block-vision .content-block-custom {
      padding: 0;
  }
  @media only screen and (max-width: 1024px) {
  div#block-desc4 .block-flex img:nth-child(5) {
      margin: auto;
  }
  #block-desc6 .list-block .block-flex-child-gr {
      width: 90%;
      margin: auto;
  }
   
  .block-desc p {
      line-height: 25px !important;
      font-size: 20px !important;
      text-align: justify;
  }
  .list-block .block-flex-child .desc-flex .large-text:before {
      display: none;
  }
  
  div#block-desc5 {
      padding-top: 0;
  }
  
  .block-bg-farm {
      padding: 30px 0;
  }
  
  .block-desc.bg-box {
      padding: 15px;
      font-size: 14pt;
  }
  
  #block-vision .leff-content p {
      line-height: 30px;
  }
  
  .padding-90 {
      padding: 30px 0;
  }
  
  .block-title-large {
      margin-top: 0;
  }
  
  div#block-desc6 .block-bottom-content {
      margin-top: 30px;
  }
      .block-flex {
      display: block !important;
      /* padding: 20px !important; */
  }
  
  #block-vision .block-desc {
      font-size: 12pt;
  }
  
  .container-large {
      max-width: 100%;
  }
  div#block-motto .g-img-box img {
    height: auto !important;
}
  .container {
      max-width: 100%;
      width: 100% !important;
  }
  
  .block-desc-large {
      font-size: 12pt;
      padding: 0 15px !important;
  }
  
  .top-box {
      margin-top: 0;
      float: left;
      width: 100%;
  }
  
  .block-top-content.block-full.top-box {
  }
  
  .bg-box {
      padding: 15px 0;
  }
  
  div#block-desc3 .block-title {
      margin: auto;
      letter-spacing: normal !important;
      line-height: 26px !important;
      font-size: 20px !important;
  }
      #block-desc0 img {
    /* padding-top: 30px !important; */
    width: 100%;
}

#block2 .block-desc.bg-box {
    padding: 30px !important;
}

div#tag-sts ul {
    padding: 0 !important;
}

#block-vision .block-top-content {}

div#block-mission .block-top-content {
    padding: 30px 0 !important;
}

div#block-mission .block-desc p {
    font-size: 16px !important;
    line-height: 24px;
    letter-spacing: normal !important;
}

div#block-motto .g-img-box img {
    position: relative !important;
    margin: 0 !important;
    transform: none !important;
}

div#block-motto .g-img-box:after {
    display: none;
}

div#content-small p {
    font-size: 18px !important;
    line-height: 30px;
    text-align: justify;
}
  
  .block-title-large > span {line-height: 44px;}
  
  div#block-desc4 .block-title {
      margin: auto;
  }
  span.text-top3 {
    font-size: 33px  !important;
}

span.text-top3 span:nth-child(1) {
    font-size: 69px !important;
}
  .tag-st {
      font-size: 8pt;
      padding-bottom: 15px !important;
  }
  
  .tag-st ul {
      gap: 1px;
      width: 100%;
      padding: 0 5px;
  }
  .tag-st ul li span {
    font-size: 7px;
}
  .box-content-1 > img {
      position: relative;
      top: unset;
      width: 100%;
      right: unset;
  }
  
  .box-bg-amthuc {
      background: #557961;
      padding: 30px 0;
  }
  
  #block-desc6 .block-top-content:before {
      font-size: 90px;
      left: auto;
      right: 0;
      margin: auto;
      width: 100%;
      text-align: center;
  }
  
  .padding-150 {
      padding: 39px 0;
  }
  
  .list-block .block-flex-child {
      display: block !important;
  }
  
  .list-block .block-flex-child-gr .block-flex-child:before {
      display: none;
  }
  
  #block-desc6 .list-block .block-flex-child .desc-flex {
      padding: 15px;
      font-size: 13pt;
      border-radius: 30px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  
  .list-block .block-flex-child .desc-flex .large-text {
      font-size: 50px;
      padding: 15px 0;
      margin: auto;
  }
  .list-block .block-flex-child img {border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  
  #block-desc6 .list-block .block-flex-child .desc-flex p {
      margin: auto;
  }
      #block-desc0 .block-title-large {
          font-size: 45px !important;
          letter-spacing: normal;
          margin-top: 10px !important;
      }
  
      .font-size-40 {
          font-size: 30px;
      }
  
      .font-size-25 {
          font-size: 15px;
      }
  
      .flex-header-vision {
          padding: 15px;
          font-size: 12pt;
      }
  
      #block-vision .leff-content {
          width: 85%;
          padding: 30px;
      }
  
      .block-title {
          font-size: 19pt !important;
          /* word-wrap: break-word; */
          text-align: center;
          padding: 0 15px !important;
      }
  
      .block-desc-small {
          font-size: 14px;
          padding: 0 15px;
      }
  
      div#block-mission .block-top-content:after {
          font-size: 100px;
          top: 0;
          bottom: 0;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
      }
  }
  
  
  .textline_block {
      font-size: 55px;
      margin-right: 40px;
      color: #de7300;
      width: 190px;
      text-transform: uppercase;
  }
  
  .textline_blockdisplay{
      display: flex !important;
      justify-content: end !important;
  }
  
  .textline_block2{
      font-size: 55px;
      color: #dea800;
      width: 380px;
      text-transform: uppercase;
  }

   /*  05-02 */
   .wapcontent {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (min-width: 1400px) {
    .wapcontent {
        max-width: 1400px;
    }
}
.block-bottom-content.block-flex.block-flex-2.j-center {
    grid-template-columns: 54% 46%;
    gap: 0;
}

div#block-mission .block-desc p {
    margin: 15px 0;
    line-height: 29px;
    font-family: 'geomanist regular';
    font-weight: unset !important;
    letter-spacing: 1px;
    font-size: 22px;
}

div#block-motto .content-block-custom {
    padding-top: 0;
}

div#block-motto.block-custom {
    /* overflow: unset !important; */
    position: relative;
    float: left;
    background: #fff9ef;
    margin-top: -20px;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 20px;
}
div#block-motto .content-block-custom {
    padding-bottom: 35px;
}
#block-motto h2 {
    margin-top: -37px;
}
div#block-motto.block-custom .block-desc p {
    letter-spacing: 1px;
    line-height: 30px
}

div#block-desc3 h2,div#block-desc3 h3 {
    color: #fefaee;
}

div#block-desc3 h3 {
    letter-spacing: 1px !important;
}

div#block-desc3 p {
    line-height: 32px;
}

h2#title-green {
    color: #557961 !important;
    font-size: 40px;
    font-family: 'geomanist bold';
    line-height: 53px !important;
    letter-spacing: 1.1px !important;
}
div#block-desc2 h2.block-title span {
    color: #fefaee !important;
}
div#block-desc2 h2.block-title span:nth-child(2) {
    font-size: 198px;
    margin-bottom: 10px;
}
div#content-small p {
    line-height: 29px;
}

div#content-dess {
    padding: 20px 45px;
    font-size: 25px;
    font-family: 'geomanist regular';
}

div#content-dess b {
   font-size: 24px;
}
div#block-desc4 h2 span{
    color: #fefaee;
}

#fảm-block .container {
    width: 94%;
}

div#fảm-block img:nth-child(2) {
    width: 72%;
    height: auto;
}

div#fảm-block img:nth-child(4) {
    width: 486px;
    height: auto;
    margin: auto;
    float: right;
}

div#fảm-block img:nth-child(3) {
    position: relative;
    right: -12%;
    height: fit-content;
}
div#box-xontenta {
    width: 475px;
}

div#box-xontenta h2 {
    color: #fefaee;
}
 #block-desc5 .block-title {
    text-transform: none !important;
    width: 90%;
}

div#box-xontenta .box-content-1 .block-desc {
    color: #fefaee;
}
div#box-xontenta .block-desc p {
    line-height: 35px;
    color: #fefaee;
}
span.text-top3 {
    font-size: 106px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    line-height: normal;
}

span.text-top3 span:nth-child(1) {
    font-size: 205px;
}

div#footer {
    padding: 80px 0;
}

div#but-content .block-desc-large {
    width: 900px;
    text-align: center;
}

div#but-content .container-large {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

div#but-content .block-desc-large p {
    line-height: 49px;
    font-size: 33px;
}

div#blockimg {
    display: grid;
    grid-template-columns: auto 40% auto;
    padding: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

div#blockimg .imgblock {
    width: 100%;
}
div#blockimg .imgblock2 {
    position: relative;
    width: 590px;
    z-index: 999999;
    left: 49%;
    margin-top: -52px;
}

div#blockimg .imgblock1 {
    z-index: -1;
    margin-top: -30px;
    position: absolute;
    width: 500px;
    left: 46px;
}

div#blockimg .imgblock3 {
        z-index: -1;
        margin-top: -71px;
        position: absolute;
        display: block;
        width: 600px;
        right: 4%;
}
div#block-timeline {
    background: url(img/bg_timeline.jpg) no-repeat;
    background-size: cover;
}
div#block2 .tag-st {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
 
div#tag-sts ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style-type: none;
}
div#tag-sts ul li span {
    font-size: 18px;
}
#block2 .block-desc.bg-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#block2 .block-desc.bg-box {
    padding: 70px 80px;
}

.child-block-content.fiist {
    border-left: 3px solid #000000b0;
}

.child-block-content.fiist:before {
      content: '';
      position: absolute;
      left: -6px;
      bottom: -6px;
      width: 10px;
      height: 10px;
      background: black;
      transform: rotate(45deg);
  }
  .bottom-content.show-content {
    border-left: 3px solid #292826;
}
.bottom-content.show-content.textline_blockdisplay.hde {
    border-left: hidden;
}
div#farm-block .container {
    width: 90%;
}
div#farm-block {
    margin-top: 60px;
}

 

img.hìnharm.hìnharm2 {
    width: 78%;
    height: max-content;
    margin-top: -50px
}

img.hìnharm.hìnharm4 {
 width: 70%;
 height: 100%;
 margin-left: 20%;
}

img.hìnharm.hìnharm3 {
    width: 100%;
    margin-left: 18%;
    height: fit-content;
}

img.hìnharm.hìnharm6 {
 width: 70%;
 height: fit-content;
 margin-left: 20%;
}

img.hìnharm.hìnharm5 {
    width: 100%;
    margin-left: 18%;
    height: fit-content;
    margin-top: -170px;
    position: relative;
}


div#farm-block .container .block-flex {
    position: relative;
}

img.hìnharm.hìnharm1 {
    width: 100%;
    height: 388px;
}
#timeline-container {
    width: 100%;
    overflow: hidden;
    padding: 20px; 
    position: relative;
  }

  #timeline-block {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    position: relative;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  div#timeline-block::-webkit-scrollbar {
    display: none;   
  }
  div#block-timeline {
    padding: 20px 0;
}