@import url("bootstrap.min.css");
@import url("jquery-ui.min.css");
@import url("animate.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.min.css");
@import url("jquery.fancybox.min.css");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
* {
  font-family: 'Roboto', 'IBM Plex Sans Thai', sans-serif !important;
}

html {
  font-size: 17px;
}

html .text-size-m {
  color: #fff;
  text-decoration: underline;
}

html[data-size="font-s"] {
  font-size: 13px;
}

html[data-size="font-s"] .text-size-s {
  color: #fff;
  text-decoration: underline;
}

html[data-size="font-s"] .text-size-m {
  color: #F0BE00;
  text-decoration: none;
}

html[data-size="font-l"] {
  font-size: 19px;
}

html[data-size="font-l"] .text-size-l {
  color: #fff;
  text-decoration: underline;
}

html[data-size="font-l"] .text-size-m {
  color: #F0BE00;
  text-decoration: none;
}

body {
  font: 100% "Roboto", "IBM Plex Sans Thai", sans-serif;
  line-height: 1.8;
  color: #666;
  font-weight: 400;
}

.bi {
  line-height: 1;
}

.bi::before {
  display: inline-block;
  vertical-align: middle;
}

a {
  text-decoration: none;
}

.wrap_banner {
  padding: 0;
  position: relative;
}

.owl-carousel.owl-bannerslide .owl-item {
  overflow: hidden;
  background-color: #000;
}

.owl-carousel.owl-bannerslide .owl-item img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-transition: 2.5s all ease;
  transition: 2.5s all ease;
  height: 100vh;
  opacity: 0.8;
}

.owl-carousel.owl-bannerslide .owl-item.active img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 5s all ease;
  transition: 5s all ease;
}

.owl-carousel.owl-bannerslide .owl-dots {
  position: absolute;
  bottom: 25px;
  width: 100%;
  text-align: center;
}

.owl-carousel.owl-bannerslide .owl-dots .owl-dot span {
  background: #fff;
  width: 7px;
  height: 7px;
  margin: 8px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.owl-carousel.owl-bannerslide .owl-dots .owl-dot.active span, .owl-carousel.owl-bannerslide .owl-dots .owl-dot:hover span {
  background: #F0BE00;
}

.owl-carousel.owl-slide .owl-item {
  overflow: hidden;
}

.owl-carousel.owl-slide .owl-item figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-bottom: 0;
  border: 1px solid #F4F4F4;
  background-color: #fff;
}

.owl-carousel.owl-slide .owl-item figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

.owl-carousel.owl-slide .owl-item figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.owl-carousel.owl-slide .owl-item figure:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.owl-carousel.owl-slide .owl-item figure img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  -o-object-position: center center;
     object-position: center center;
}

.owl-carousel.owl-thump {
  margin-top: 15px;
}

.owl-carousel.owl-thump .owl-item {
  overflow: hidden;
}

.owl-carousel.owl-thump .owl-item figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-bottom: 0;
  border: 1px solid #F4F4F4;
  background-color: #fff;
  margin-right: 15px;
}

.owl-carousel.owl-thump .owl-item figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

.owl-carousel.owl-thump .owl-item figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.owl-carousel.owl-thump .owl-item figure:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.owl-carousel.owl-thump .owl-item figure img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  -o-object-position: center center;
     object-position: center center;
}

:root {
  scroll-behavior: auto;
}

body.mm_opened {
  position: fixed;
  width: 100%;
}

.mm_overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  z-index: 101;
  height: 100vh;
}

.desktop-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 12;
}

.swlang {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  line-height: 1;
}

.swlang .swlang_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  color: #000;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.swlang .swlang_btn::before {
  content: "";
  background-image: url(../images/chev-down.svg);
  width: 7px;
  height: 7px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  right: -13px;
}

.swlang img {
  width: 26px;
  height: auto;
  display: inline-block;
  margin-right: 7px;
}

.swlang ul {
  display: none;
  padding: 5px;
  background-color: #FFF;
  margin-bottom: 0;
  position: absolute;
  top: 125%;
  right: -15px;
  text-align: left;
  border: 1px solid #eee;
  margin: 0;
  border-radius: 5px;
}

.swlang ul li {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  padding: 5px;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.swlang ul li.selected {
  background-color: #fff;
  color: #666;
}

.text-size-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.text-size-title {
  font-size: .875rem;
  color: #fff;
  padding-right: 7px;
}

.text-size-btn {
  width: 18px;
  height: 26px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 0;
  line-height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  color: #F0BE00;
}

.text-size-s {
  font-size: 12px;
  padding-top: 2px;
}

.text-size-m {
  font-size: 16px;
}

.text-size-l {
  font-size: 18px;
}

.btn-default {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #034EA2;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.95rem;
  padding: 0 25px;
  min-width: 150px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  white-space: nowrap;
  border-radius: 50px;
}

.btn-default:hover {
  background-color: #333;
}

.btn-default img {
  width: 6px !important;
  height: auto;
  margin-left: 10px;
}

.btn-blue {
  background-color: #00AEEF;
}

.btn-yellow {
  background-color: #F0BE00;
}

.logo {
  padding: 20px 0;
}

.logo .svg {
  width: 175px;
  max-width: 100%;
  height: auto;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.wrap_menu.sticky .logo .svg {
  width: 150px;
}

.wrap_menu.sticky .menu-contact {
  height: 38px;
  padding: 0 15px;
}

.wrap_menu.sticky .swlang .swlang_btn,
.wrap_menu:hover .swlang .swlang_btn {
  color: #666;
}

.wrap_menu.sticky .btn_menu .svg,
.wrap_menu:hover .btn_menu .svg {
  color: #666;
}

.caption-banner {
  position: absolute;
  bottom: 80px;
  width: 800px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  max-width: 95%;
  text-align: center;
  color: #fff;
  z-index: 2;
}

.caption-banner hgroup h2 {
  font-size: 1.75rem;
  margin: 15px 0;
  font-weight: 500;
}

.caption-banner hgroup h3 {
  font-size: 1.2rem;
  font-weight: 400;
}

.caption-banner a {
  color: #fff;
  font-size: 0.9rem;
  text-transform: uppercase;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.caption-banner a img {
  width: 29px;
  height: auto;
  margin-right: 10px;
}

.wrap-news-home {
  padding: 70px 15px 90px;
}

.wrap-news-home .owl-news {
  margin-top: 20px;
}

.wrap-news-home .btn-txt-arrow {
  margin-top: 20px;
}

.wrap-news-home .owl-stage-outer .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wrap-news-home h3 {
  color: #034EA2;
  font-weight: 500;
  font-size: .9375rem;
  margin-bottom: 15px;
}

.sub-images-grid a {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 10px;
}

.sub-images-grid a::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 74.11168%;
}

.sub-images-grid a > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.sub-images-grid a:hover > img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.sub-images-grid a img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.items-recentnews {
  position: relative;
  height: 100%;
  border-radius: 15px;
}

.items-recentnews a {
  display: block;
  color: #666;
  font-size: 1rem;
}

.items-recentnews a figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 14px 14px 0 0;
}

.items-recentnews a figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 74.11168%;
}

.items-recentnews a figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.items-recentnews a figure:hover > img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.items-recentnews-desc {
  padding: 25px 25px 30px;
}

.items-recentnews-desc h2 {
  font-size: 1.125rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.8;
  margin: 5px 0;
  color: #000;
}

.items-recentnews-desc p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.8;
}

.items-recentnews-desc-content {
  height: 150px;
}

.items-recentnews:hover figure img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.recent-news .owl-news .owl-item:nth-child(3n+1) .items-recentnews {
  background-color: #FFFCF3;
  border: 1px solid rgba(255, 203, 5, 0.2);
}

.recent-news .owl-news .owl-item:nth-child(3n+1) .items-recentnews .btn-more-news {
  border-top: 1px solid rgba(255, 203, 5, 0.2);
}

.recent-news .owl-news .owl-item:nth-child(3n+2) .items-recentnews {
  background-color: #F2FBFE;
  border: 1px solid rgba(0, 174, 239, 0.1);
}

.recent-news .owl-news .owl-item:nth-child(3n+2) .items-recentnews .btn-more-news {
  border-top: 1px solid rgba(0, 174, 239, 0.1);
}

.recent-news .owl-news .owl-item:nth-child(3n+3) .items-recentnews {
  background-color: #F6F6FE;
  border: 1px solid rgba(3, 78, 162, 0.13);
}

.recent-news .owl-news .owl-item:nth-child(3n+3) .items-recentnews .btn-more-news {
  border-top: 1px solid rgba(3, 78, 162, 0.13);
}

.footer-contact {
  background-image: url(../images/bg-footer.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 150px;
  padding-top: 21px;
  z-index: 1;
}

.footer-contact .btn-default {
  background-color: #F0BE00;
}

.footer-contact .btn-default:hover {
  background-color: #fff;
  color: #00AEEF;
}

.txt-footer-contact {
  padding-top: 10px;
}

.txt-footer-contact img {
  width: 27px;
  height: auto;
  margin-right: 7px;
}

.wrap-footer {
  background-color: #F0FBFF;
  color: #666;
  padding: 40px 15px;
  border-radius: 50px 50px 0 0;
  margin-top: -60px;
  font-size: 1rem;
  z-index: 1;
}

.wrap-footer h2 {
  color: #333;
  font-size: 1.15rem;
  font-weight: 500;
  margin: 25px 0 15px;
}

.wrap-footer h3 {
  font-size: 1.125rem;
  color: #034EA2;
  margin-bottom: 20px;
}

.wrap-footer address {
  padding-right: 50px;
  line-height: 1.7;
  font-size: 0.9rem;
}

.wrap-footer address div {
  margin-top: 7px;
}

.wrap-footer ul {
  padding: 0;
  margin: 0;
}

.wrap-footer ul li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 0.9rem;
}

.wrap-footer ul li a {
  color: #666;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.wrap-footer ul li a:hover {
  color: #00AEEF;
}

.footer-info-contact div img {
  width: 26px;
  height: auto;
  margin-right: 3px;
}

.footer-info-contact .footer-tel img {
  margin-top: 6px;
}

.footer-mail {
  margin-bottom: 25px;
  font-size: 0.9rem;
}

.footer-tel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 26px;
  margin-bottom: 20px;
  font-size: 0.9rem;
}

.footer-tel div {
  padding-left: 5px;
}

.footer-cc {
  background-color: #034EA2;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -25px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8rem;
  border-radius: 25px 25px 0 0;
  z-index: 1;
}

.wrap-bannerinside {
  padding: 0;
  position: relative;
  z-index: 1;
}

.wrap-bannerinside figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 0 0 45px 45px;
}

.wrap-bannerinside figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 29.375%;
}

.wrap-bannerinside figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.wrap-bannerinside figure:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.wrap-bannerinside figure img {
  -o-object-position: center center;
     object-position: center center;
}

.wrap-bannerinside hgroup {
  position: absolute;
  width: 1300px;
  max-width: 100%;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  color: #fff;
  z-index: 1;
}

.wrap-bannerinside hgroup h1 {
  font-size: 1.9rem;
  text-transform: uppercase;
}

.wrap-bannerinside hgroup .breadcrumb {
  margin: 0;
  font-size: 0.85rem;
}

.wrap-bannerinside hgroup .breadcrumb li {
  position: relative;
  text-transform: uppercase;
}

.wrap-bannerinside hgroup .breadcrumb li a {
  color: #fff;
}

.wrap-bannerinside hgroup .breadcrumb li span {
  padding: 0 10px;
}

.banner-procurement figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.banner-procurement figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 34.375%;
}

.banner-procurement figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.banner-procurement figure:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.menu-contact {
  background-color: #F0BE00;
  border-radius: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 42px;
  color: #fff;
  font-size: 0.95rem;
  padding: 0 22px;
  max-width: 100%;
  margin: 0 25px 0 35px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.menu-contact img {
  width: 16px;
  height: auto;
  margin-right: 8px;
}

.menu-contact:hover {
  background-color: #00AEEF;
}

.wrap-mainmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.home-about {
  background-image: url(../images/bg-welcome.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 150px 0 90px;
  margin-top: -65px;
}

.home-about .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.home-about .row img {
  width: 100%;
}

.desc-homeabout {
  padding-right: 70px;
}

.desc-homeabout h2 {
  color: #034EA2;
  font-weight: 600;
  font-size: 2.75rem;
  margin: 20px 0 15px;
}

.desc-homeabout h3 {
  font-size: 1.875rem;
  font-weight: 500;
  color: #2B2B2B;
  line-height: 42px;
}

.desc-homeabout h3 span {
  color: #00AEEF;
}

.desc-homeabout p {
  color: #000;
  font-size: 1.0625rem;
  line-height: 2.1875rem;
}

.txt-welcome {
  color: #808285;
  text-transform: uppercase;
}

.wrap-btnabout {
  margin-top: 35px;
}

.wrap-btnabout a {
  margin-right: 10px;
}

.home-aboutlng {
  position: relative;
  padding: 65px 0 80px;
  color: #fff;
  line-height: 2.2rem;
}

.home-aboutlng::before {
  content: "";
  background-image: url(../images/bg-aboutlng.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: calc((100vw - 2200px)/2);
  height: 100%;
  border-radius: 0 80px 0 0;
  z-index: -1;
}

.home-aboutlng .txt-topic {
  color: #F0BE00;
}

.txt-topic {
  font-size: 2.1rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
}

.home-item-lng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(210, 210, 210, 0.19);
  -webkit-box-shadow: 0px 4px 4px rgba(11, 11, 63, 0.25);
          box-shadow: 0px 4px 4px rgba(11, 11, 63, 0.25);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 10px;
  padding: 15px 20px;
  color: #fff;
  font-size: .95rem;
  line-height: 1.5rem;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.home-item-lng::before {
  content: "";
  background-image: url(../images/icon-link.svg);
  background-size: 100%;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
}

.home-item-lng:hover {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(11, 11, 63, 0.5);
          box-shadow: 0px 4px 4px rgba(11, 11, 63, 0.5);
  background: rgba(255, 255, 255, 0.1);
}

.wrap-item-lng {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  margin-top: 30px;
}

.wrap-item-lng figure {
  margin-bottom: 0;
}

.wrap-item-lng figure figcaption {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.wrap-item-lng figure figcaption img {
  width: 76px;
  height: auto;
  margin-right: 15px;
}

.wrap-item-lng figure figcaption h3 {
  font-size: 1.3rem;
  font-weight: 400;
}

.wrap-item-lng figure figcaption p {
  margin-bottom: 0;
}

.photo-service {
  padding-right: 50px;
}

.photo-service img {
  width: 100%;
  border-radius: 15px 80px 15px 15px;
}

.home-service {
  margin-top: 70px;
  margin-bottom: 70px;
  font-size: 1rem;
  line-height: 1.8;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.home-service p {
  margin-bottom: 0;
}

.home-service-link {
  font-size: 1.25rem;
  position: relative;
  margin-top: 5px;
}

.home-service-link a {
  position: relative;
  color: #034EA2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #DCDCDC;
  padding: 20px 60px 20px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.home-service-link a::before {
  content: "";
  background-image: url(../images/icon-link-grey.svg);
  background-size: 100%;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.home-service-link a:hover {
  color: #00AEEF;
}

.home-procurement {
  background-image: url(../images/banner-procurement.jpg);
  background-repeat: no-repeat;
  border-radius: 20px;
  padding: 50px;
  min-height: 405px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1rem;
  background-position: top center;
}

.home-procurement .txt-topic {
  color: #fff;
}

.home-procurement h3 {
  font-size: 1.3rem;
  font-weight: 500;
  margin: 15px 0;
}

.home-procurement .btn-default {
  margin-top: 20px;
  background-color: #F0BE00;
}

.news-date {
  font-size: 0.95rem;
  color: #333;
  text-transform: uppercase;
}

.btn-more-news {
  color: #333;
  text-transform: uppercase;
  font-size: 0.95rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-top: 15px;
}

.btn-more-news img {
  margin-left: 10px;
  width: 13px !important;
  height: auto;
}

.logo-footer img {
  width: 175px;
  height: auto;
}

.footer-social a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 7px;
}

.footer-social a img {
  width: 26px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.footer-social a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.btn-viewall-mb {
  display: none;
}

.wrap-latestnews {
  background: rgba(42, 130, 228, 0.1);
  margin-top: -70px;
  padding: 150px 0 80px;
  border-radius: 0 0 45px 45px;
}

.news-latest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
  line-height: 2;
  padding: 0 15px;
}

.news-latest figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 25px;
}

.news-latest figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 73.41772%;
}

.news-latest figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.news-latest figure:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.news-latest figcaption {
  padding-left: 30px;
}

.news-latest figcaption .news-date {
  font-size: 0.9rem;
  margin-bottom: 15px;
}

.news-latest figcaption h2 {
  font-size: 1.75rem;
  color: #000;
  line-height: 1.5;
}

.news-latest figcaption .btn-default {
  margin-top: 30px;
}

.news-latest .news-lates-desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 8px;
}

.txt-latestnews {
  color: #034EA2;
  font-size: 1.5rem;
  position: relative;
  margin-bottom: 35px;
}

.txt-latestnews::before {
  content: "";
  background-color: #FFCB05;
  width: 30px;
  height: 4px;
  border-radius: 10px;
  position: absolute;
  bottom: -12px;
  left: 0;
}

.all-item-news {
  margin-top: 70px;
}

.all-item-news .items-recentnews {
  margin-bottom: 70px;
  padding: 0 15px;
  height: auto;
}

.all-item-news .items-recentnews a figure {
  border-radius: 15px;
}

.all-item-news .items-recentnews a .items-recentnews-desc {
  padding: 20px 0 0;
}

.all-item-news .items-recentnews a .items-recentnews-desc .desc-allnews {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 2;
}

.all-item-news .items-recentnews a .items-recentnews-desc h2 {
  margin: 7px 0;
  font-size: 1.1rem;
}

.nav-page {
  margin-bottom: 90px;
}

.nav-page nav {
  text-align: center;
}

.nav-page nav ul {
  padding: 0;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.nav-page nav ul li {
  list-style: none;
  padding: 0 5px;
}

.nav-page nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 37px;
  height: 37px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  border-radius: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.nav-page nav ul li a.active {
  background-color: #00AEEF;
  color: #fff;
}

.nav-page nav ul li a:hover {
  color: #00AEEF;
}

.procure-navpage {
  margin-bottom: 40px;
  margin-top: 50px;
}

.procure-navpage nav {
  text-align: left;
}

.hide-pc {
  display: none;
}

.news-gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin: 45px 0 80px;
}

.news-gallery a {
  display: block;
}

.news-gallery a figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.news-gallery a figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 65.80645%;
}

.news-gallery a figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.news-gallery a figure:hover > img {
  -webkit-transform: scale(1.07);
          transform: scale(1.07);
}

.bg-newsdetail {
  position: relative;
}

.bg-newsdetail::before {
  content: "";
  background-image: url(../images/bg-newsdetail.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  z-index: -1;
}

.top-newsdesc {
  width: 1100px;
  max-width: 100%;
  margin: 0 auto 25px;
  padding-top: 180px;
  text-align: center;
  color: #fff;
}

.top-newsdesc div {
  color: #BBEAFF;
  font-size: 1.125rem;
}

.top-newsdesc h2 {
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.6;
  margin: 15px 0 20px;
}

.top-newsdesc .breadcrumb {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: .75rem;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.top-newsdesc .breadcrumb a {
  color: #fff;
}

.top-newsdesc .breadcrumb span {
  padding: 0 8px;
}

.top-newsdesc figure img {
  width: auto;
  max-width: 100%;
}

.content-editor {
  line-height: 2.1;
}

.content-editor img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.content-editor strong, .content-editor b {
  font-weight: 500;
}

.wrap-recent-news {
  background-color: #FAFAFA;
  border-radius: 70px 70px 0 0;
}

.wrap-contact {
  background-image: url(../images/bg-contact.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 70px 0;
}

.wrap-contact figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.wrap-contact figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 66.66667%;
}

.wrap-contact figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.wrap-contact figure:hover > img {
  -webkit-transform: scale(1.07);
          transform: scale(1.07);
}

.wrap-contact figure img {
  width: 100%;
  border-radius: 15px;
}

.wrap-contact-info {
  text-align: center;
  margin-bottom: 50px;
}

.wrap-contact-info .txt-contact {
  color: #808285;
  text-transform: uppercase;
  font-size: 1rem;
}

.wrap-contact-info .txt-topic {
  color: #034EA2;
  margin-top: 20px;
}

.contect-desc {
  padding: 0 20px;
}

.box-contact {
  margin-top: 25px;
  font-size: 1rem;
  line-height: 1.8;
}

.box-contact-title {
  color: #00AEEF;
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 7px;
}

.box-contact-icon {
  margin-bottom: 7px;
}

.box-contact-icon img {
  width: 16px;
  height: auto;
  margin: -3px 5px 0 0;
}

.box-contact-icon span {
  color: #333;
}

.box-contact-icon a {
  color: #666;
}

.box-contact-icon a:hover {
  color: #034EA2;
}

.box-contact.box-contact-social {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-contact.box-contact-social .box-contact-title {
  padding-right: 20px;
}

.box-contact-officename {
  color: #034EA2;
  font-weight: 500;
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.bg-form-contact {
  background-color: #002E62;
  border-radius: 70px 70px 0 0;
  color: #fff;
  padding: 50px 0 70px;
}

.bg-form-contact .txt-topic {
  color: #F0BE00;
  margin-bottom: 0;
}

.bg-form-contact p {
  color: #ddd;
  font-size: 1rem;
}

.bg-form-contact form {
  background: rgba(255, 255, 255, 0.05);
  padding: 40px 30px 0;
}

.frm-contact {
  margin-bottom: 40px;
  padding: 0 35px;
}

.frm-contact input {
  width: 100%;
  font-size: 1rem;
  padding: 5px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}

.frm-contact input::-webkit-input-placeholder {
  color: #fff;
}

.frm-contact input:-ms-input-placeholder {
  color: #fff;
}

.frm-contact input::-ms-input-placeholder {
  color: #fff;
}

.frm-contact input::placeholder {
  color: #fff;
}

.frm-contact textarea {
  width: 100%;
  font-size: 1rem;
  padding: 5px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.frm-contact textarea::-webkit-input-placeholder {
  color: #fff;
}

.frm-contact textarea:-ms-input-placeholder {
  color: #fff;
}

.frm-contact textarea::-ms-input-placeholder {
  color: #fff;
}

.frm-contact textarea::placeholder {
  color: #fff;
}

.wrap-gmaps {
  padding: 0;
}

.wrap-gmaps .ratio-21x9 {
  --bs-aspect-ratio: 25%;
}

.wrap-service {
  padding: 50px 0;
}

.wrap-service .txt-topic {
  color: #034EA2;
  line-height: 1.6;
}

.photo-fullpage {
  padding: 0;
}

.photo-fullpage img {
  width: 100%;
}

.service-photo-left {
  text-align: center;
}

.service-photo-left img {
  width: 100%;
  margin-bottom: 25px;
}

.service-photo-left p {
  color: #00AEEF;
  font-size: .8125rem;
  text-transform: uppercase;
}

.wrap-service-bottom {
  margin-top: 70px;
  margin-bottom: 60px;
}

.wrap-service-bottom .content-editor {
  margin-top: 50px;
  padding-left: 20px;
}

.wrap-item-tpacode {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  margin: 50px 0;
}

.item-tpacode {
  background-color: #EFF9FF;
  border: 1px solid #E2F1FF;
  border-radius: 15px;
  padding: 20px;
}

.item-tpacode figure {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0;
}

.item-tpacode figure img {
  width: 175px;
  height: auto;
  border-radius: 15px;
}

.item-tpacode figure figcaption {
  padding-left: 35px;
}

.item-tpacode figure figcaption h2 {
  font-size: 1.375rem;
  color: #034EA2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.6;
}

.item-tpacode figure figcaption p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .9375rem;
  line-height: 2;
}

.item-tpacode figure figcaption .btn-default {
  font-size: 0.95rem;
}

.item-tpacode figure figcaption .btn-default img {
  width: 17px;
  height: auto;
  border-radius: 0;
  margin: 0 5px 0 0;
}

.item-tpacode figure figcaption .desc-tpacode {
  height: 170px;
  overflow: hidden;
  margin-bottom: 25px;
}

.wrap-board {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(37%, white), to(#eff8ff));
  background: linear-gradient(180deg, white 37%, #eff8ff 100%);
  padding: 70px 0;
  text-align: center;
}

.wrap-board::before {
  content: "";
  background-image: url(../images/bg-board.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  width: 100%;
  height: 1000px;
  top: 0;
  left: 0;
}

.wrap-board .container {
  position: relative;
  z-index: 1;
}

.wrap-board h2 {
  color: #034EA2;
}

.wrap-board h3 {
  color: #00AEEF;
}

.photo-boardchart {
  margin: 50px 0 120px;
}

.photo-boardchart img {
  width: 100%;
}

.top-board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 35px 0 70px;
}

.top-board .item-board {
  width: 400px;
  margin: 0 auto;
}

.wrap-boardmanager {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 180px;
}

.item-board {
  display: block;
  text-align: center;
}

.item-board figure div {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 15px;
  width: 85%;
  margin: 0 auto;
}

.item-board figure div::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 115.59633%;
}

.item-board figure div > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.item-board figure div:hover > img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.item-board figure figcaption {
  margin-top: 22px;
}

.item-board figure figcaption h4 {
  color: #034EA2;
  font-size: 1.25rem;
  font-weight: 500;
}

.item-board figure figcaption h5 {
  color: #808285;
  font-weight: 400;
  font-size: 1rem;
  margin-top: 13px;
  line-height: 1.8;
}

.procure-search {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
  padding-top: 25px;
}

.procure-search select {
  width: 18%;
  background: rgba(255, 255, 255, 0.1);
  color: #E8E8E8;
  height: 48px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.95rem;
  padding: 0 10px;
}

.procure-search input {
  width: 56%;
  background: rgba(255, 255, 255, 0.1);
  color: #E8E8E8;
  height: 48px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.95rem;
  padding: 0 15px;
}

.procure-search input::-webkit-input-placeholder {
  color: #E8E8E8;
}

.procure-search input:-ms-input-placeholder {
  color: #E8E8E8;
}

.procure-search input::-ms-input-placeholder {
  color: #E8E8E8;
}

.procure-search input::placeholder {
  color: #E8E8E8;
}

.procure-search .btn-default {
  font-size: 0.95rem;
}

.procure-search .btn-default img {
  width: 16px !important;
  height: auto;
  margin-right: 8px;
  margin-left: 0;
}

.procure-search .btn-default span {
  padding-right: 0;
}

.procure-search span {
  padding-right: 30px;
}

.wrap-procurement {
  background-image: url(../images/bg-procurement.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  padding: 70px 0;
}

.wrap-procurement .txt-topic {
  color: #034EA2;
  text-align: center;
}

.wrap-procurement h3 {
  color: #333;
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
}

.procure-result {
  color: #666;
  font-size: 1.25rem;
  margin-top: 35px;
}

.procure-result span {
  color: #00AEEF;
}

.procure-table-head {
  background-color: #034EA2;
  color: #fff;
  border-radius: 15px;
  padding: 13px 20px;
  font-size: 1.05rem;
  margin-top: 10px;
}

.procure-table-item {
  background-color: #EFF9FF;
  border-radius: 15px;
  padding: 20px;
  margin-top: 15px;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #666;
}

.procure-table-item .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.procure-table-item .row .procure-no {
  color: #034EA2;
  font-weight: 500;
}

.procure-table-item .row .procure-no img {
  width: 20px;
  height: auto;
  margin-right: 7px;
  margin-top: -3px;
}

.procure-table-item .row .procure-name {
  color: #333;
  font-weight: 500;
  font-size: 1.125rem;
  padding-right: 50px;
}

.procure-table-item:hover {
  background-color: #CBE3FF;
}

.txt-blue {
  color: #034EA2;
}

.txt-blue2 {
  color: #00AEEF;
}

.title-operation {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 10px 0;
}

.service-table table {
  width: 100%;
}

.service-table table thead tr {
  background-color: #00AEEF;
  color: #fff;
  vertical-align: text-top;
}

.service-table table thead tr td {
  padding: 15px;
}

.service-table table tbody tr td {
  padding: 13px 15px;
  background-color: #ECF5FF;
  color: #000;
  border-top: 10px solid #fff;
  font-size: 0.95rem;
}

.service-table.tableblue table thead tr {
  vertical-align: text-top;
  background-color: #034EA2;
}

.service-table.tableblue table tbody tr td {
  background-color: #E2EAF4;
}

.wrap-table-lmpt2 {
  margin-top: -20px;
}

.wrap-table-lmpt2 figure {
  border-radius: 15px 80px 15px 15px;
  overflow: hidden;
}

.wrap-table-lmpt2 figure img {
  width: 100%;
}

.wrap-table-lmpt2 .title-operation {
  margin-top: 0;
}

.wrap-table-lmpt2 table {
  width: 100%;
}

.wrap-table-lmpt2 table thead tr {
  background-color: #00AEEF;
}

.wrap-table-lmpt2 table tbody tr td {
  padding: 10px 15px;
  background-color: #ECF5FF;
  border-top: 5px solid #fff;
}

.desc-table-llmpt2 {
  padding: 15px 0 0 50px;
}

.wrap-regulations {
  margin-top: 30px;
  margin-bottom: 60px;
}

.wrap-regulations .title-operation {
  color: #000;
  margin-top: 0;
}

.wrap-regulations ul {
  padding: 0 0 0 16px;
}

.wrap-regulations ul li {
  color: #00AEEF;
  margin-bottom: 10px;
}

.wrap-regulations ul li span {
  color: #666;
}

.wrap-regulations.capa-regulations {
  margin: 40px 0 0;
}

.footer-cname {
  color: #034EA2;
  font-weight: 500;
  margin-bottom: 5px;
}

.wrap-capabilities .service-table table thead {
  text-transform: uppercase;
  font-size: 0.9rem;
}

.wrap-capabilities .service-table table thead td {
  font-weight: 400;
}

.wrap-capa-center figure {
  position: relative;
}

.wrap-capa-center figure .photo-capa-center {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.wrap-capa-center figure .photo-capa-center::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 34.61538%;
}

.wrap-capa-center figure .photo-capa-center > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.wrap-capa-center figure .photo-capa-center:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.wrap-capa-center figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  padding: 35px;
  color: #fff;
}

.wrap-capa-center figure figcaption h3 {
  text-transform: uppercase;
  font-size: 1.05rem;
  font-weight: 400;
}

.wrap-capa-center figure figcaption h2 {
  margin: 15px 0;
}

.photo-capa-bottom {
  padding-left: 55px;
}

.photo-capa-bottom img {
  width: 100%;
  border-radius: 80px 15px 15px 15px;
}

.wrap-capa-bottom {
  margin-top: 60px;
  margin-bottom: 90px;
}

.wrap-capa-bottom .title-operation {
  color: #000;
  line-height: 1.4;
}

.capa-download a {
  display: block;
  background-color: #EFF9FF;
  border-radius: 10px;
  color: #034EA2;
  margin-top: 20px;
  padding: 15px 15px 10px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.capa-download a::before {
  content: "";
  background-image: url(../images/icon-pdf-yellow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(-15px, -50%);
          transform: translate(-15px, -50%);
}

.capa-download a:hover {
  background-color: #F3F3F3;
}

.capa-download a h2 {
  padding-right: 50px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
}

.servicefee-head {
  background-color: #00AEEF;
  color: #fff;
  padding: 12px 15px;
}

.servicefee-head-blue {
  background-color: #034EA2;
}

.servicefee-date {
  position: relative;
  padding-left: 27px;
  color: #333;
  font-size: 0.9rem;
  margin: 20px 0 10px;
}

.servicefee-date::before {
  content: "";
  background-image: url(../images/icon-date-yellow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 3px;
  left: 0;
}

.servicefee-date-blue::before {
  background-image: url(../images/icon-date2.svg);
}

.servicefee-reark {
  font-size: 0.9rem;
}

.servicefee-reark .title-operation {
  font-size: 1.2rem;
}

.servicefee-reark-blue ul li {
  color: #034EA2;
}

.type-service {
  padding-bottom: 100px;
}

.type-service .wrap-capabilities .service-table {
  margin-top: 10px;
}

.type-service .wrap-capabilities .service-table table thead {
  text-align: center;
  font-size: 1rem;
}

.type-service .wrap-capabilities .service-table tbody tr td ul {
  padding-left: 20px;
  margin-bottom: 0;
}

.type-service .wrap-capabilities .service-table tbody tr td ul li {
  color: #00AEEF;
}

.type-service .wrap-capabilities .service-table tbody tr td ul li p {
  color: #666;
  margin-bottom: 0;
}

.type-service .wrap-capabilities .service-table.tableblue tbody tr td ul li {
  color: #034EA2;
}

.items-servicetype {
  padding: 0;
}

.items-servicetype a {
  display: block;
  position: relative;
}

.items-servicetype a figure {
  margin-bottom: 0;
}

.items-servicetype a figure .items-servicetype-cover {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  background-color: #000;
}

.items-servicetype a figure .items-servicetype-cover::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 40.625%;
}

.items-servicetype a figure .items-servicetype-cover > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.items-servicetype a figure .items-servicetype-cover:hover > img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.items-servicetype a figure .items-servicetype-cover img {
  opacity: 0.6;
}

.items-servicetype a figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 30px 50px;
  text-align: center;
  color: #fff;
}

.items-servicetype a figure figcaption h2 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.items-servicetype a figure figcaption h3 {
  opacity: 1;
  font-weight: 400;
  font-size: 1rem;
}

.items-servicetype a:hover .items-servicetype-cover img {
  opacity: 0.4;
}

.title-capacity {
  color: #00AEEF;
  font-size: 1.5rem;
  margin-bottom: 40px;
}

.box-capacity-step {
  position: relative;
}

.box-capacity-step::before {
  content: "";
  background-color: #eee;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 34px;
  z-index: -1;
}

.box-capacity-step figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

.box-capacity-step figure .icon-step img {
  width: 70px;
  height: auto;
}

.box-capacity-step figure figcaption {
  padding: 0 0 40px 20px;
  line-height: 2;
}

.box-capacity-step figure figcaption h3 {
  font-size: 1.25rem;
  color: #F0BE00;
  margin-bottom: 10px;
}

.box-capacity-step:last-child::before {
  display: none;
}

.box-capacity-step:last-child figcaption {
  padding-bottom: 0;
}

.step-note {
  background-color: #E9F3FF;
  border-radius: 15px;
  padding: 20px;
  font-size: .9375rem;
}

.step-note h4 {
  color: #000;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.7;
}

.step-note ul {
  padding: 0;
  margin: 15px 0 0;
}

.step-note ul li {
  list-style: none;
  position: relative;
  margin-bottom: 7px;
  padding-left: 28px;
}

.step-note ul li::before {
  content: "";
  background-image: url(../images/icon-check.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 6px;
  left: 0;
}

.photo-existing {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  right: 0;
  padding-left: 40px;
}

.photo-existing img {
  width: 100%;
  border-radius: 80px 20px 20px;
}

.wrap-about {
  position: relative;
  padding: 70px 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(37%, white), to(#f2f7fb));
  background: linear-gradient(180deg, white 37%, #f2f7fb 100%);
  text-align: center;
}

.wrap-about::before {
  content: "";
  background-image: url(../images/bg-about.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  width: 1000px;
  height: 1200px;
  top: 0;
  left: 3%;
}

.wrap-about .container {
  position: relative;
  z-index: 1;
}

.wrap-about h2 {
  color: #034EA2;
  margin-bottom: 15px;
}

.wrap-about h3 {
  color: #333;
  font-size: 1.5rem;
  margin-bottom: 25px;
}

.wrap-about .content-editor p {
  font-size: 1.125rem;
  margin-bottom: 5px;
}

.photo-about-center {
  margin-top: 50px;
}

.photo-about-center img {
  width: 100%;
  border-radius: 15px;
}

.wrap-vision {
  position: relative;
  padding-top: 60px;
}

.wrap-vision::before {
  content: "";
  background-image: url(../images/maps-asia.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  width: 100%;
  height: 612px;
  top: -50px;
  left: 0;
}

.wrap-vision-desc {
  position: relative;
  z-index: 1;
}

.wrap-vision-desc .content-editor img {
  margin-top: 20px;
}

.wrap-vision h2 {
  margin-bottom: 15px;
}

.wrap-vision h3 {
  color: #00AEEF;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 10px;
}

.wrap-timeline {
  background-image: url(../images/bg-timeline.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 70px 0;
}

.wrap-timeline h2 {
  color: #00AEEF;
  text-align: center;
  margin-bottom: 20px;
}

.wrap-timeline h3 {
  font-weight: 400;
  font-size: 1.25rem;
  text-align: center;
}

.wrap-timeline .owl-carousel .owl-nav .owl-prev {
  background-image: url(../images/chev-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -40px;
  right: 35px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.wrap-timeline .owl-carousel .owl-nav .owl-next {
  background-image: url(../images/chev-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -40px;
  right: -10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.wrap-timeline .owl-theme .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}

.banner-about-bottom {
  padding: 0;
}

.banner-about-bottom figure {
  position: relative;
  margin-bottom: 0;
}

.banner-about-bottom figure div {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.banner-about-bottom figure div::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 18.75%;
}

.banner-about-bottom figure div > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.banner-about-bottom figure div:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.banner-about-bottom figure div img {
  -o-object-position: center center;
     object-position: center center;
}

.banner-about-bottom figure figcaption {
  position: absolute;
  bottom: 50px;
  left: 5%;
  font-size: 1.25rem;
  color: #fff;
}

.owl-history {
  margin-top: 45px;
}

.owl-history.owl-carousel .owl-stage-outer {
  padding: 30px 15px 0;
}

.owl-history .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.owl-history .items {
  border-left: dashed 1px #7D98AC;
  padding: 5px 20px 5px 30px;
  color: #D3EDFB;
  height: 100%;
}

.owl-history .items::before {
  content: "";
  background-color: #FFCB05;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: -25px;
  left: -5px;
  z-index: 1;
}

.owl-history .items::after {
  content: "";
  background-color: #7D98AC;
  width: 100%;
  height: 1px;
  position: absolute;
  top: -20px;
  left: 0;
}

.owl-history .items .history-year {
  font-size: 1.25rem;
  font-weight: 500;
  color: #fff;
}

.owl-history .items .photo-timeline {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 15px 0;
}

.owl-history .items .photo-timeline::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 59.25926%;
}

.owl-history .items .photo-timeline > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}

.owl-history .items .photo-timeline:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.wrap-board-name {
  background-image: url(../images/banner-board.jpg);
  position: relative;
  min-height: 480px;
  border-radius: 0 0 45px 45px;
  overflow: hidden;
  padding-bottom: 50px;
}

.wrap-board-name::before {
  content: "";
  background: rgba(0, 35, 94, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrap-board-name hgroup {
  position: relative;
  z-index: 1;
  margin-top: 300px;
}

.wrap-board-name hgroup h3 {
  color: #fff;
  font-size: 2.375rem;
  margin: 20px 0 20px;
  line-height: 1.5;
}

.wrap-board-name hgroup h4 {
  color: #00AEEF;
  font-weight: 400;
  font-size: 1.4rem;
}

.wrap-board-name hgroup h5 {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 10px;
  line-height: 1.8;
}

.board-profile {
  padding-right: 45px;
  margin-top: -350px;
  position: -webkit-sticky;
  position: sticky;
  top: 130px;
}

.board-profile img {
  width: 100%;
  position: relative;
  -webkit-box-shadow: 15px 15px rgba(227, 242, 255, 0.4);
          box-shadow: 15px 15px rgba(227, 242, 255, 0.4);
}

.board-desc {
  text-align: left;
}

.board-desc-box {
  margin-bottom: 45px;
}

.board-desc-box h3 {
  color: #333;
  font-size: 1.375rem;
  margin-bottom: 15px;
}

.board-desc-box .content-editor ul {
  padding-left: 17px;
}

.board-desc-box .content-editor ul li {
  margin-bottom: 10px;
}

.board-desc-box:last-child {
  margin-bottom: 0;
}

.topbar-menu {
  background-color: #034EA2;
  border-top: 3px solid #F0BE00;
  color: #fff;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
}

.top-tel {
  font-size: 0.9rem;
}

.top-tel span {
  padding: 0 7px;
}

.top-tel img {
  width: 16px;
  height: auto;
  margin-right: 5px;
}

.wrap-board-desc {
  background: #fff;
}

.mainmenu ul li.menu-mb {
  display: none;
}

.wrap-whistle {
  padding: 70px 0;
}

.wrap-whistle .txt-topic {
  color: #034EA2;
  margin: 15px 0 30px;
}

.wrap-whistle h3 {
  color: #000;
  font-size: 1.375rem;
  margin-bottom: 15px;
}

.wrap-whistle h4 {
  color: #000;
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 0;
}

.wrap-whistle ul {
  margin-bottom: 30px;
}

.wrap-whistle ul li {
  margin-top: 10px;
}

.wrap-whistle form {
  background-color: #E9F3FF;
  border-radius: 25px;
  padding: 40px 30px 50px;
}

.wrap-whistle .form-check {
  margin-top: 20px;
}

.frm-whistle {
  margin-top: 25px;
}

.frm-whistle label {
  color: #000;
  margin-bottom: 0;
}

.frm-whistle label span {
  color: #f00;
}

.frm-whistle input, .frm-whistle textarea {
  width: 100%;
  padding: 10px 12px;
  border-radius: 5px;
  border: 1px solid #D9E5F4;
  font-size: 0.95rem;
}

.frm-whistle .form-check-input {
  width: 13px;
  margin-right: 5px;
}

.wrap-aboutpage {
  padding: 70px 15px;
  background: none;
}

.wrap-aboutpage::before {
  display: none;
}

.wrap-aboutpage h4 {
  color: #F0BE00;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 20px;
}

.wrap-aboutpage .content-editor p {
  font-size: 16px;
  line-height: 2.3;
}

.icon-benefit {
  margin-top: 50px;
}

.icon-benefit img {
  width: 650px;
  max-width: 100%;
  height: auto;
}

.photo-identity {
  margin: 50px 0;
}

.photo-identity img {
  width: 100%;
}

.logo-partner {
  margin: 7px 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}

.logo-partner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo-partner a img {
  height: 35px;
  width: auto;
}

.about-benefit {
  margin-top: 25px;
}

.about-benefit img {
  width: 750px !important;
  max-width: 100% !important;
  margin-top: 25px;
}

/*responsive*/
@media (max-width: 2500px) {
  .home-aboutlng::before {
    right: calc((100vw - 1800px)/2);
  }
}

@media (max-width: 1920px) {
  .home-aboutlng::before {
    right: calc((100vw - 1700px)/2);
  }
  .banner-about-bottom figure div {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .banner-about-bottom figure div::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 23.125%;
  }
  .banner-about-bottom figure div > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .banner-about-bottom figure div:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@media (max-width: 1600px) {
  .wrap-bannerinside figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .wrap-bannerinside figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 32.5%;
  }
  .wrap-bannerinside figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-bannerinside figure:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .home-aboutlng::before {
    right: calc((100vw - 1500px)/2);
  }
}

@media (max-width: 1440px) {
  .home-aboutlng::before {
    right: calc((100vw - 1360px)/2);
  }
  .banner-procurement figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .banner-procurement figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 39.375%;
  }
  .banner-procurement figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .banner-procurement figure:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .items-servicetype a figure .items-servicetype-cover {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .items-servicetype a figure .items-servicetype-cover::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 46.25%;
  }
  .items-servicetype a figure .items-servicetype-cover > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .items-servicetype a figure .items-servicetype-cover:hover > img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}

@media (max-width: 1366px) {
  .home-aboutlng::before {
    right: calc((100vw - 1290px)/2);
    border-radius: 0 60px 0 0;
  }
  .footer-info-contact div img {
    width: 23px;
  }
  .footer-info-contact div span {
    font-size: 0.9rem;
  }
  .footer-nopad {
    padding: 0;
  }
  .footer-mail {
    margin-bottom: 25px;
  }
}

@media (max-width: 1299px) {
  .wrap-bannerinside hgroup {
    padding-left: 20px;
    padding-right: 20px;
  }
  .desc-homeabout h2 {
    font-size: 2.3rem;
  }
  .desc-homeabout h3 {
    font-size: 1.5rem;
    line-height: 36px;
  }
  .desc-homeabout p {
    font-size: 1rem;
  }
  .txt-topic {
    font-size: 2rem;
  }
  .wrap-item-lng figure figcaption h3 {
    font-size: 1.15rem;
  }
  .wrap-item-lng figure figcaption img {
    width: 60px;
  }
  .home-service-link {
    font-size: 1.1rem;
  }
}

@media (max-width: 1199px) {
  html {
    font-size: 15px;
  }
  .wrap-menu {
    padding: 15px 0;
  }
  .caption-banner {
    bottom: 65px;
  }
  .caption-banner hgroup h2 {
    font-size: 1.5rem;
  }
  .caption-banner hgroup h3 {
    font-size: 1.1rem;
  }
  .owl-carousel.owl-bannerslide .owl-dots {
    bottom: 15px;
  }
  .desc-homeabout h2 {
    font-size: 2rem;
  }
  .desc-homeabout h3 {
    font-size: 1.3rem;
  }
  .home-aboutlng::before {
    right: 0;
    border-radius: 0 60px 0 0;
  }
  .home-service-link a {
    padding: 15px 60px 15px 0;
  }
  .photo-service {
    padding-right: 30px;
  }
  .home-procurement {
    min-height: 350px;
  }
  .items-recentnews-desc {
    padding: 15px 15px 20px;
  }
  .footer-contact {
    font-size: 1.1rem;
  }
  .txt-footer-contact img {
    width: 25px;
  }
  .footer-link-service {
    margin-bottom: 40px;
  }
  .wrap-bannerinside figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .wrap-bannerinside figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 40.90909%;
  }
  .wrap-bannerinside figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-bannerinside figure:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .wrap-bannerinside hgroup {
    padding-left: 25px;
  }
  .news-latest {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .news-latest figcaption {
    padding-left: 20px;
  }
  .news-latest figcaption h2 {
    font-size: 1.5rem;
  }
  .txt-latestnews {
    font-size: 1.3rem;
  }
  .txt-latestnews::before {
    height: 3px;
  }
  .wrap-latestnews {
    padding: 120px 0 55px;
  }
  .all-item-news {
    margin-top: 60px;
  }
  .all-item-news .items-recentnews {
    padding: 0 10px;
    margin-bottom: 50px;
  }
  .all-item-news .items-recentnews a figure {
    border-radius: 10px;
  }
  .nav-page {
    margin-bottom: 70px;
  }
  .item-tpacode figure figcaption {
    padding-left: 25px;
  }
  .item-tpacode figure figcaption h2 {
    font-size: 1.2rem;
  }
  .wrap-boardmanager {
    gap: 100px;
  }
  .photo-boardchart {
    margin: 50px 0 100px;
  }
  .banner-procurement figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .banner-procurement figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 46.875%;
  }
  .banner-procurement figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .banner-procurement figure:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .procure-search input {
    width: 50%;
  }
  .procure-navpage.nav-page {
    margin-bottom: 0;
  }
  .servicefee-reark {
    margin-bottom: 0;
  }
  .items-servicetype a figure .items-servicetype-cover {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .items-servicetype a figure .items-servicetype-cover::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 53.75%;
  }
  .items-servicetype a figure .items-servicetype-cover > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .items-servicetype a figure .items-servicetype-cover:hover > img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .items-servicetype a figure figcaption {
    padding: 0 30px 30px;
  }
  .items-servicetype a figure figcaption h2 {
    font-size: 1.3rem;
  }
  .wrap-about::before {
    width: 900px;
  }
  .wrap-board-name {
    min-height: 350px;
  }
  .wrap-board-name hgroup {
    margin-top: 250px;
  }
  .wrap-board-name hgroup h3 {
    font-size: 2rem;
  }
  .board-profile {
    margin-top: -300px;
  }
  .board-profile img {
    -webkit-box-shadow: 10px 10px rgba(227, 242, 255, 0.4);
            box-shadow: 10px 10px rgba(227, 242, 255, 0.4);
  }
  .footer-tel {
    padding-right: 30px;
  }
  .logo-footer img {
    width: 160px;
  }
  .footer-link {
    margin-top: 20px;
  }
  .footer-nopad {
    margin-top: 20px;
  }
  .wrap-service .txt-topic {
    line-height: 1.4;
  }
}

@media (max-width: 991px) {
  .owl-carousel.owl-bannerslide .owl-item img {
    height: 45vh;
  }
  .caption-banner hgroup h2 {
    font-size: 1.4rem;
  }
  .caption-banner hgroup h3 {
    font-size: 1rem;
  }
  .photo-homeabout {
    text-align: center;
  }
  .home-about {
    padding: 120px 0 65px;
  }
  .home-about .row img {
    width: 80%;
  }
  .desc-homeabout {
    padding-right: 0;
    text-align: center;
    margin-bottom: 50px;
  }
  .wrap-item-lng figure figcaption {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .wrap-item-lng {
    gap: 30px;
  }
  .wrap-item-lng figure figcaption img {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .home-aboutlng {
    padding: 45px 0 55px;
  }
  .photo-service {
    padding-right: 15px;
  }
  .home-service {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .wrap-news-home {
    padding: 50px 15px 60px;
  }
  .wrap-footer address {
    margin-bottom: 40px;
  }
  .wrap-footer {
    padding-bottom: 35px;
    border-radius: 35px 35px 0 0;
  }
  .wrap-bannerinside figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .wrap-bannerinside figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 45%;
  }
  .wrap-bannerinside figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-bannerinside figure:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .wrap-bannerinside hgroup h1 {
    font-size: 1.5rem;
  }
  .news-latest {
    padding: 0;
  }
  .news-latest figure {
    border-radius: 15px;
  }
  .news-latest figcaption h2 {
    font-size: 1.3rem;
  }
  .top-newsdesc {
    padding: 140px 15px 0;
  }
  .top-newsdesc h2 {
    font-size: 1.5rem;
  }
  .news-gallery {
    gap: 10px;
  }
  .wrap-recent-news {
    border-radius: 50px 50px 0 0;
  }
  .wrap-gmaps .ratio-21x9 {
    --bs-aspect-ratio: 40%;
  }
  .wrap-contact {
    padding: 45px 0;
  }
  .wrap-contact figure {
    padding-left: 0;
    margin-top: 20px;
  }
  .wrap-contact figure img {
    border-radius: 10px;
  }
  .box-contact {
    margin-top: 20px;
  }
  .box-contact-officename {
    margin-bottom: 5px;
    font-size: 1.15rem;
  }
  .contect-desc {
    padding: 0 7px;
  }
  .bg-form-contact {
    border-radius: 50px 50px 0 0;
  }
  .frm-contact {
    padding: 0 15px;
  }
  .wrap-service {
    padding: 40px 0 30px;
  }
  .wrap-service-bottom {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .wrap-service-bottom .content-editor {
    margin-top: 20px;
    padding-left: 0;
  }
  .wrap-item-tpacode {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
  .item-tpacode figure img {
    width: 145px;
    border-radius: 10px;
  }
  .item-tpacode figure figcaption .desc-tpacode {
    height: auto;
  }
  .wrap-board {
    padding: 50px 0;
  }
  .photo-boardchart {
    margin: 30px 0 50px;
  }
  .top-board {
    margin: 25px 0 35px;
  }
  .top-board .item-board {
    width: 300px;
  }
  .wrap-boardmanager {
    gap: 40px;
  }
  .item-board figure figcaption h4 {
    font-size: 1.125rem;
  }
  .item-board figure figcaption h5 {
    margin-top: 10px;
  }
  .banner-procurement figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .banner-procurement figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 60%;
  }
  .banner-procurement figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .banner-procurement figure:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .procure-search {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .procure-search span {
    padding-right: 0;
    padding-bottom: 10px;
    width: 100%;
  }
  .procure-search select {
    width: 20%;
  }
  .procure-search input {
    width: 55%;
  }
  .wrap-procurement {
    padding: 50px 0;
  }
  .wrap-procurement h3 {
    font-size: 1.2rem;
    margin-bottom: 15px;
  }
  .procure-result {
    font-size: 1.1rem;
  }
  .procure-navpage {
    margin: 40px 0;
  }
  .procure-navpage.nav-page {
    margin-bottom: 20px;
  }
  .service-table {
    overflow-x: auto;
  }
  .service-table::-webkit-scrollbar-track {
    background-color: #eee;
  }
  .service-table::-webkit-scrollbar {
    height: 6px;
  }
  .service-table::-webkit-scrollbar-thumb {
    background-color: #034EA2;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: .5s all ease;
    transition: .5s all ease;
  }
  .service-table table {
    width: 100%;
    min-width: 1000px;
  }
  .desc-table-llmpt2 {
    padding-left: 25px;
  }
  .title-operation {
    font-size: 1.3rem;
  }
  .wrap-table-lmpt2 {
    margin-top: 0;
  }
  .wrap-table-lmpt2 .service-table table {
    min-width: 500px;
  }
  .wrap-regulations {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .wrap-capabilities {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .wrap-capabilities .service-table table {
    min-width: 100%;
  }
  .wrap-capa-center figure .photo-capa-center {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .wrap-capa-center figure .photo-capa-center::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 45%;
  }
  .wrap-capa-center figure .photo-capa-center > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-capa-center figure .photo-capa-center:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .wrap-capa-center figure figcaption {
    padding: 20px;
  }
  .wrap-capa-bottom {
    margin-top: 0;
    margin-bottom: 70px;
  }
  .photo-capa-bottom {
    padding-left: 0;
    margin-top: 40px;
  }
  .photo-capa-bottom img {
    border-radius: 15px;
  }
  .type-service .wrap-capabilities .service-table {
    margin-bottom: 20px;
  }
  .items-servicetype a figure figcaption {
    padding: 0 20px 20px;
  }
  .items-servicetype a figure figcaption h2 {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .items-servicetype a figure figcaption h3 {
    font-size: 0.95rem;
  }
  .photo-existing {
    display: none;
  }
  .box-capacity-step:last-child figcaption {
    padding-bottom: 30px;
  }
  .wrap-about {
    padding: 50px 0 15px;
  }
  .wrap-about::before {
    width: 600px;
  }
  .wrap-about h2 {
    margin-bottom: 15px;
  }
  .wrap-about h3 {
    margin-bottom: 20px;
  }
  .wrap-vision {
    padding-top: 40px;
  }
  .wrap-vision h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
  .wrap-timeline {
    padding: 40px 0;
  }
  .owl-history .items {
    padding-left: 20px;
  }
  .owl-history .items .history-year {
    font-size: 1.1rem;
  }
  .banner-about-bottom figure div {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .banner-about-bottom figure div::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 37%;
  }
  .banner-about-bottom figure div > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .banner-about-bottom figure div:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .banner-about-bottom figure figcaption {
    bottom: 30px;
  }
  .wrap-board-name {
    min-height: 300px;
  }
  .wrap-board-name hgroup {
    margin-top: 215px;
  }
  .wrap-board-name hgroup h3 {
    font-size: 1.7rem;
    margin: 15px 0;
  }
  .wrap-board-name hgroup h4 {
    font-size: 1.2rem;
  }
  .board-profile {
    margin-top: -235px;
    padding-right: 30px;
  }
  .menu-contact {
    display: none;
  }
  .mainmenu ul li.menu-mb {
    display: block;
  }
  .wrap-whistle {
    padding: 50px 0 70px;
  }
  .wrap-aboutpage {
    padding-bottom: 70px;
  }
  .wrap-aboutpage h3 {
    font-size: 1.3rem;
    margin-top: 25px;
    line-height: 1.8;
  }
  .footer-link {
    margin-top: 0;
  }
  .footer-nopad {
    margin-top: 0;
  }
  .photo-identity {
    margin: 30px 0;
  }
  .wrap-contact-info {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .owl-carousel.owl-bannerslide .owl-item img {
    height: 50vh;
  }
  .procure-result {
    margin-top: 20px;
  }
  .caption-banner {
    bottom: 50px;
  }
  .caption-banner a {
    font-size: 1rem;
    margin-top: 18px;
  }
  .caption-banner a img {
    width: 25px;
  }
  .caption-banner hgroup h2 {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 7px;
    margin-top: 0;
  }
  .caption-banner hgroup h3 {
    font-size: 0.9rem;
  }
  .desc-homeabout h2 {
    margin: 13px 0 8px;
  }
  .wrap-btnabout {
    margin-top: 22px;
  }
  .owl-carousel.owl-bannerslide .owl-item {
    border-radius: 0 0 35px 35px;
  }
  .owl-carousel.owl-bannerslide .owl-item img {
    height: 40vh;
  }
  .owl-carousel.owl-bannerslide .owl-dots {
    bottom: 8px;
  }
  .owl-carousel.owl-bannerslide .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }
  .home-about {
    padding: 80px 0 50px;
    margin-top: -40px;
  }
  .home-about .row img {
    width: 95%;
  }
  .home-aboutlng {
    padding: 40px 10px 55px;
  }
  .home-aboutlng ::before {
    border-radius: 0 50px 0 0;
  }
  .txt-topic {
    font-size: 1.7rem;
  }
  .wrap-item-lng {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .wrap-item-lng ::before {
    background-size: 12px;
    width: 20px;
    top: 18px;
    right: 8px;
  }
  .wrap-item-lng figure figcaption {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .wrap-item-lng figure figcaption img {
    margin-bottom: 0;
    margin-right: 15px;
    width: 50px;
  }
  .home-service {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .photo-service {
    padding-right: 0;
    margin-bottom: 25px;
  }
  .photo-service img {
    border-radius: 15px 60px 15px 15px;
  }
  .home-service-link {
    font-size: 1rem;
    line-height: 1.6;
  }
  .home-service-link a::before {
    width: 10px;
    right: 5px;
  }
  .home-procurement {
    border-radius: 10px;
    padding: 10px;
    min-height: 300px;
  }
  .home-procurement h3 {
    font-size: 1.1rem;
    margin: 5px 0 10px;
  }
  .home-procurement .btn-default {
    margin-top: 10px;
  }
  .btn-default {
    font-size: 0.9rem;
    height: 44px;
    padding: 0 25px;
    min-width: 130px;
  }
  .wrap-news-home {
    padding: 45px 5px 60px;
  }
  .wrap-news-home h3, .wrap-news-home .txt-topic {
    text-align: center;
  }
  .wrap-news-home .owl-news {
    margin-top: 10px;
  }
  .btn-viewall-pc {
    display: none;
  }
  .btn-viewall-mb {
    display: block;
    text-align: center;
    margin-top: 30px;
  }
  .footer-contact {
    padding-top: 15px;
    height: 240px;
  }
  .footer-contact .text-end {
    text-align: left !important;
  }
  .footer-contact .text-end .btn-default {
    margin-top: 20px;
  }
  .txt-footer-contact img {
    width: 20px;
  }
  .wrap-footer {
    border-radius: 20px 20px 0 0;
    padding: 40px 10px 60px;
  }
  .wrap-footer address {
    padding-right: 0;
    margin-bottom: 15px;
  }
  .wrap-footer h3 {
    margin-bottom: 10px;
  }
  .footer-link-service {
    margin-bottom: 10px;
  }
  .wrap-footersocial {
    padding-left: 10px;
  }
  .wrap-footersocial:first-child {
    margin-top: 10px;
  }
  .footer-cc {
    border-radius: 15px 15px 0 0;
  }
  .wrap-bannerinside figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 0 0 25px 25px;
  }
  .wrap-bannerinside figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 71.70795%;
  }
  .wrap-bannerinside figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-bannerinside figure:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .wrap-bannerinside hgroup {
    bottom: 20px;
  }
  .wrap-bannerinside hgroup h1 {
    font-size: 1.2rem;
  }
  .wrap-bannerinside hgroup .breadcrumb {
    font-size: 0.7rem;
  }
  .wrap-latestnews {
    margin-top: -25px;
    padding: 60px 5px 40px;
    border-radius: 0 0 25px 25px;
  }
  .wrap-latestnews figcaption {
    padding-left: 0;
    padding-top: 25px;
  }
  .wrap-latestnews figcaption .txt-latestnews {
    display: none;
  }
  .wrap-latestnews figcaption h2 {
    font-size: 1.1rem;
    line-height: 1.7;
  }
  .wrap-latestnews figcaption .news-date {
    margin-bottom: 10px;
  }
  .wrap-latestnews .news-lates-desc {
    font-size: 0.9rem;
  }
  .hide-pc {
    display: block;
  }
  .all-item-news {
    margin-top: 45px;
    padding: 0 5px;
  }
  .all-item-news .items-recentnews {
    padding: 0;
    margin-bottom: 35px;
  }
  .all-item-news .items-recentnews a {
    font-size: 0.95rem;
  }
  .all-item-news .items-recentnews a figure {
    border-radius: 7px;
  }
  .all-item-news .items-recentnews a .items-recentnews-desc {
    padding-top: 15px;
  }
  .all-item-news .items-recentnews a .items-recentnews-desc h2 {
    font-size: 0.95rem;
  }
  .nav-page {
    margin: 5px 0 60px;
  }
  .nav-page nav ul li {
    padding: 0 2px;
  }
  .nav-page nav ul li a {
    font-size: 0.9rem;
    width: 30px;
    height: 30px;
    border-radius: 6px;
  }
  .footer-contact {
    font-size: 1rem;
    height: 230px;
  }
  .logo-footer img {
    width: 150px;
  }
  .top-newsdesc {
    padding: 120px 10px 0;
  }
  .top-newsdesc h2 {
    font-size: 1.3rem;
    font-weight: 400;
  }
  .top-newsdesc div {
    font-size: 1rem;
  }
  .news-gallery {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    margin: 35px 0 45px;
  }
  .wrap-recent-news {
    border-radius: 35px 35px 0 0;
  }
  .wrap-recent-news .txt-topic {
    font-size: 1.5rem;
  }
  .wrap-recent-news .wrap-news-home {
    padding: 35px 5px 50px;
  }
  .wrap-gmaps .ratio-21x9 {
    --bs-aspect-ratio: 70%;
  }
  .wrap-contact {
    padding: 35px 5px;
  }
  .wrap-contact-info .txt-topic {
    margin: 15px 0 0;
  }
  .box-contact {
    margin-top: 15px;
  }
  .bg-form-contact {
    border-radius: 35px 35px 0 0;
    padding: 30px 5px 50px;
  }
  .bg-form-contact .txt-topic {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 5px;
  }
  .bg-form-contact form {
    padding: 20px 15px 0;
  }
  .frm-contact {
    margin-bottom: 30px;
  }
  .frm-contact .btn-default {
    width: 100%;
  }
  .wrap-service {
    padding: 30px 5px 20px;
  }
  .wrap-service .txt-topic {
    font-size: 1.5rem;
  }
  .wrap-service-bottom {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .wrap-service-bottom .content-editor {
    margin-top: 5px;
  }
  .wrap-item-tpacode {
    margin: 30px 0 40px;
  }
  .item-tpacode {
    padding: 15px 15px 20px;
  }
  .item-tpacode figure img {
    width: 100px;
  }
  .item-tpacode figure figcaption h2 {
    font-size: 1.1rem;
  }
  .item-tpacode figure figcaption .desc-tpacode {
    margin-bottom: 0;
  }
  .item-tpacode figure figcaption .btn-default {
    height: 40px;
    padding: 0 20px;
  }
  .item-tpacode figure figcaption .btn-default img {
    width: 15px;
  }
  .wrap-board {
    padding: 35px 0 15px;
  }
  .wrap-board::before {
    height: 500px;
  }
  .wrap-boardmanager {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .top-board .item-board figure figcaption h4 {
    font-size: 1.125rem;
  }
  .item-board {
    margin-bottom: 15px;
  }
  .item-board figure figcaption h4 {
    font-size: 1rem;
  }
  .item-board figure figcaption h5 {
    font-size: .9375rem;
    margin-top: 7px;
  }
  .banner-procurement figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .banner-procurement figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 104.30248%;
  }
  .banner-procurement figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .banner-procurement figure:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .procure-search {
    margin-top: 10px;
    padding-top: 15px;
  }
  .procure-search .btn-default {
    min-width: 48px;
    width: 48px;
    height: 48px;
  }
  .procure-search .btn-default span {
    display: none;
  }
  .procure-search .btn-default img {
    margin-right: 0;
  }
  .procure-search select {
    width: 100%;
    margin-bottom: 10px;
  }
  .procure-search input {
    width: calc(100% - 65px);
  }
  .wrap-bannerinside hgroup {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hide-tb {
    display: none;
  }
  .procure-table-item {
    font-size: 0.9rem;
  }
  .procure-table-item .row .procure-no img {
    width: 13px;
    margin-right: 4px;
  }
  .procure-table-item .row .procure-name {
    padding-right: 0;
    margin: 7px 0;
    font-size: 1.05rem;
  }
  .procure-table-item img {
    width: 20px;
    height: auto;
  }
  .procure-navpage.nav-page {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .title-operation {
    font-size: 1.15rem;
  }
  .service-table table thead tr td {
    padding: 12px 15px;
  }
  .wrap-table-lmpt2 {
    padding: 0 5px 50px;
  }
  .wrap-table-lmpt2 figure {
    margin-bottom: 25px;
  }
  .desc-table-llmpt2 {
    padding: 0;
  }
  .wrap-regulations {
    margin-top: 15px;
    margin-bottom: 25px;
  }
  .wrap-capabilities .service-table table td {
    font-size: 0.9rem;
    line-height: 1.6;
    padding: 8px 10px;
  }
  .wrap-capa-center figure .photo-capa-center {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .wrap-capa-center figure .photo-capa-center::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 68.75%;
  }
  .wrap-capa-center figure .photo-capa-center > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-capa-center figure .photo-capa-center:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .wrap-capa-center figure figcaption {
    font-size: 0.9rem;
  }
  .wrap-capa-center figure figcaption h3 {
    font-size: 0.95rem;
  }
  .wrap-capa-center figure figcaption h2 {
    font-size: 1.5rem;
  }
  .wrap-capa-bottom {
    margin-bottom: 50px;
  }
  .servicefee-head {
    font-size: 0.95rem;
  }
  .servicefee-reark .title-operation {
    font-size: 1rem;
  }
  .type-service .wrap-capabilities .service-table {
    margin-bottom: 10px;
  }
  .items-servicetype a figure figcaption {
    padding: 0 20px 20px;
  }
  .items-servicetype a figure figcaption h2 {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .items-servicetype a figure figcaption h3 {
    font-size: 0.95rem;
  }
  .items-servicetype a figure .items-servicetype-cover {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .items-servicetype a figure .items-servicetype-cover::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 46%;
  }
  .items-servicetype a figure .items-servicetype-cover > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .items-servicetype a figure .items-servicetype-cover:hover > img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .title-capacity {
    font-size: 1.2rem;
  }
  .box-capacity-step::before {
    width: 3px;
    left: 28px;
  }
  .box-capacity-step figure .icon-step img {
    width: 60px;
  }
  .box-capacity-step figure figcaption {
    padding: 0 0 20px 15px;
  }
  .box-capacity-step figure figcaption h3 {
    font-size: 1.1rem;
  }
  .box-capacity-step:last-child figcaption {
    padding-bottom: 20px;
  }
  .step-note {
    border-radius: 10px;
    padding: 15px 20px;
  }
  .step-note ul {
    margin-top: 10px;
  }
  .wrap-about {
    padding: 35px 0 15px;
  }
  .wrap-about h3 {
    font-size: 1.2rem;
  }
  .wrap-about:before {
    display: none;
  }
  .photo-about-center {
    margin-top: 25px;
  }
  .photo-about-center img {
    border-radius: 7px;
  }
  .wrap-vision {
    padding-top: 30px;
  }
  .wrap-vision .txt-topic {
    font-size: 1.5rem;
  }
  .wrap-timeline h2 {
    margin-bottom: 12px;
  }
  .wrap-timeline h3 {
    font-size: 1.1rem;
    line-height: 1.8;
  }
  .owl-history .items {
    padding-right: 25px;
  }
  .owl-history .items .history-year {
    font-size: 1.2rem;
  }
  .banner-about-bottom figure div {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .banner-about-bottom figure div::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 61.42857%;
  }
  .banner-about-bottom figure div > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .banner-about-bottom figure div:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .banner-about-bottom figure figcaption {
    bottom: 20px;
    font-size: 1rem;
  }
  .wrap-board-name {
    min-height: 415px;
  }
  .wrap-board-name hgroup {
    margin-top: 240px;
  }
  .wrap-board-name hgroup h3 {
    font-size: 1.7rem;
  }
  .wrap-board-name hgroup h4 {
    font-size: 1.2rem;
  }
  .board-profile {
    margin-top: -130px;
    padding: 0 40px;
    height: 340px;
    margin-bottom: 25px;
    overflow: hidden;
  }
  .board-profile img {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .logo {
    padding: 15px 0;
  }
  .logo .svg {
    width: 115px;
  }
  .wrap-mainmenu {
    padding-right: 15px;
  }
  .wrap_menu.sticky .logo {
    padding: 10px 0;
  }
  .wrap_menu.sticky .logo .svg {
    width: 115px;
  }
  .wrap-board-name {
    border-radius: 0 0 20px 20px;
  }
  .wrap-board-name hgroup {
    margin-top: 160px;
  }
  .board-desc {
    padding: 30px 10px 15px;
  }
  .board-desc-box {
    margin-bottom: 30px;
  }
  .board-desc-box h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .wrap-whistle {
    padding: 35px 15px 55px;
  }
  .wrap-whistle h3 {
    font-size: 1.2rem;
  }
  .wrap-whistle form {
    border-radius: 15px;
    padding: 25px 20px 30px;
  }
  .wrap-whistle form .btn-default {
    width: 100%;
  }
  .wrap-whistle .txt-topic {
    margin-bottom: 20px;
  }
  .frm-whistle {
    margin-top: 20px;
  }
  .wrap-aboutpage {
    padding: 35px 15px;
  }
  .wrap-aboutpage h3 {
    font-size: 1.15rem;
    margin-top: 15px;
  }
  .wrap-aboutpage h4 {
    font-size: 1.1rem;
  }
  .icon-benefit {
    margin-top: 30px;
  }
  .topbar-menu {
    display: none;
  }
  .logo-partner {
    margin-bottom: 0;
  }
  .wrap-contact figure {
    margin-top: 30px;
  }
  .about-benefit {
    margin-top: 0;
  }
  .about-benefit img {
    margin-top: 5px;
  }
}
/*# sourceMappingURL=layout.css.map */