.itopplus-background {

}

.unknown {
  position: fixed;
  bottom: 8% !important;
}

.unknown_prf .btn-main,
.unknown_prf:hover .btn-main {
  margin-bottom: 0 !important;
}


body {
  overflow-x: hidden;
  color: #000000;
  font-family: "Noto Sans Thai", sans-serif;
}

.itopplus-banner a:active,
.itopplus-banner a:focus,
.itopplus-banner a:focus-visible {
  background-color: transparent !important;
}


.navbar-default .navbar-nav > li > a {
  color: #fff;
  margin: 0 10px;
  padding: 8px;
  border: none;
  text-transform: uppercase;
}

.itopplus-bg4 {
  background: #fff;
}

.itopplus-menu .menuVertical > ul {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.itopplus-menu .menuVertical > ul > li > a {
  display: flex !important;
  gap: 1px;
  color: #fff;
  padding: 0 !important;
  align-items: center;

}

.itopplus-menu .menuVertical > ul > li > a:hover {
  color: #ffc501;
  background-color: transparent !important;
}


.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #ffc501 !important;
  box-shadow: none;
  border-color: transparent;
  background: transparent;
  background-color: transparent;
}

.dropdown-menu > li > a {
  color: #444;
  text-transform: uppercase;
}

.no-js .dropdown-menu > li > a:focus,
.no-js .dropdown-menu > li > a:hover {
  color: #000;
  background: #ffc501;
  text-transform: uppercase;
}

@media screen and (max-width: 1023px) {
  .itopplus-search {
    display: none;
  }

  #controlBanner img {
    position: fixed;
    top: 15px;
    left: 10px;
    width: 100px !important;
    z-index: 10000;
  }

  #nav-menu,
  #ItopplusMainSidebar > div {
    background: transparent !important;
  }

  #itpMenuSideBar span {
    background-color: #fff !important;
  }

  #controlMenu * {
    color: #fff !important;
    border-bottom: none;
  }

  a.dropdown-toggle.itopplus-menu-sidenav::before {
    content: " ";
    width: 10px;
    height: 5px;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_04002024hyv3/508/0/arr-downz-z1260947365212.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0;
  }

  a.dropdown-toggle.itopplus-menu-sidenav {
    position: relative;
  }

  div#ItopplusMainSidebar {
    width: 55%;
  }

  .old-image-icon-facebook,
  #itpphonemobile {
    background: transparent !important;
  }

  i.fab.fa-facebook-f.ITPsizeFacebook,
  .navbar-header :not(a.visible-xs, img, button, span, .navbar-inline:first-child),
  .navbar-header::after,
  .navbar-header::before {
    display: block !important;
  }

  button#itpMenuSideBar .navbar-inline:last-child,
  #itpMenuSideBar > div:nth-child(2) {
    display: none !important;
  }

  .itopplus-sidebar-content {
    background-color:#00000000;
  }

  .container {
    width: 98vw;
  }

  div#ItopplusBackgroundSidebar {
    top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .itopplus-banner .container {
    display: grid;
    grid-template-columns: 13% auto 10%;
    align-items: center;
    height: 100px;
    border-bottom: 1px solid #ffffff75;
    width: 90%;
    padding: 0;

  }

  .no-js .itopplus-banner {
    position: sticky;
    top: 0;
    z-index: 110;
  }

  .itopplus-banner {
    background: #000;
    transition: 0.3s;
  }

  .itopplus-sticky {
    background: #000 !important;
  }

  #controlBanner {
    object-fit: contain;
    padding: 15px;
    width: clamp(140px, 12vw, 250px);
    margin: 0;
  }

  #nav-menu {
    display: grid;
    justify-content: center;
    background: transparent;
    min-height: auto;
  }

  .itopplus-search {
    color: #fff;
  }
}

@media screen and (min-width: 1366px) {
}

@media screen and (min-width: 1900px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 480px) {
}

/************font-size***************/

.navbar-default .navbar-nav > li > a{
  font-size: 14px;
  font-family: "Poppins","Noto Sans Thai", serif;
}


.itopplus-menu .menuVertical > ul > li > a{
  font-size: 14px;
}

h1 {
  font-size: 4.125em;
}

h2 {
  font-size: 3.6em;
}

h3 {
  font-size: 3em;
}

h4,
h3.managerHeader,  .text-head h2 {
  font-size: 2.4em;
}

h5 {
  font-size: 2em;
}

h6 {
  font-size: 1.5em;
}

p,
.TabItpContentLandingPage h6,
.pre-port h6,
.dropdown-menu > li > a,
 .table-service>tbody>tr>td {
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
}

.footer h6,
.text-portfolio h6,
.port-video h6,
.form-get h6,
.form-first span,
.head-service h6,
.paramita-text h6,
.text-team h6{
  font-size: 18px;
}

.content-banner h6,
.pre-news h6,
.table-service>thead>tr>th,
.analyze-company p.fw-semi{
  font-size: 16px;
}

.btn-start,
.footer p,
.btn-more,
.pre-news p,
div#Component67c15790ac41820013cdc6f6 button,
div#formdisplay67dd16ed8a2ad70013fcc99f button,
div#formdisplay67f7419640a7ad001a4d60dd button,
div#formdisplay680a1bf16f01b6001a227baa button,
div#formdisplay682416456457da00135924fc button,
div#Component68243561705e890013d3d4c0 button{
  font-size: 12px;
}

.text-big {
  font-size: 40px;
}

.news-detail h5 {
  font-size: 24px;
}

.read-news,
.btn-read,
.btn-read2 {
  font-size: 12px;
}

.pt-3 {
  padding-top: 3%;
}

.pt-5 {
  padding-top: 5%;
}

.pt-8 {
  padding-top: 8%;
}


/**********************master-page****************/

.grid figure h2 {
  word-spacing: 0;
  font-weight: unset;
  font-size: initial;
}

figure.effect-oscar h2 {
  margin: 0;
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-transform: inherit;
  transform: inherit;
}

figure.effect-oscar:hover h2 {
  -webkit-transform: inherit;
  transform: inherit;
}

figure.effect-oscar figcaption::before,
figure.effect-jazz figcaption::after,
.CASS-A-middle-right,
.CASS-A-middle-left,
.CASS-A-bottom,
.CASS-A-top,
.dropdown-menu,
.CASS-B-border,
.boderedlayoutClient,
.CASS-E-border{
  border: none;
}

.CASS-A-main {
  box-shadow: none;
}

figure.effect-oscar,
figure.effect-jazz,
.CASS-B-border,
.CASS-GrayBackground-border,
.CASS-D-border{
  background: transparent;
}

.grid figure h2 span {
  font-weight: unset;
}

.content-banner h6 {
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 3%;
}

.btn-start {
  width: fit-content;
  margin: auto;
  background: #ffc501;
  color: #000;
  padding: 1rem 2rem;
  font-weight: 400;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  overflow: hidden;
}

.content-banner {
  font-family: "Poppins", serif;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  background: #0000006b;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

div#formdisplay67dd16ed8a2ad70013fcc99f input::placeholder,
div#formdisplay67f7419640a7ad001a4d60dd input::placeholder,
div#formdisplay680a1bf16f01b6001a227baa input::placeholder,
div#formdisplay682416456457da00135924fc input::placeholder{
  color: #000000;
  font-family: "Poppins", serif;
}

div#background67bee237d4b5fa0013f5d955 figcaption {
  padding: 0;
  position: absolute;
  text-transform: none;
  background: transparent;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}

.sect-contact h3,
.sect-about h4,
.text-head h2,
.fw-semi,
.head-service h6,
.sect-serive h3,
.sect-slogan h2,
.sect-count h2,
.pre-news h6,
.head-page h3,
.text-vision h5,
.sect-target h4,
.page-service h4,
.port-detail h4,
.form-first h3,
.contact-page h3,
.contact-page h5,
.pre-port h6,
.form-get h2,
.sect-timeline h5,
.news-detail h5,
.sect-core h2,
.sect-core h6{
  font-weight: 400;
}

.table-service>thead>tr>th {
    font-weight: 600;
}

.content-banner h4,
.sect-contact h3,
.text-yellow,
.sect-serive h2,
.TabItpContentLandingPage > li.active > a > h6,
.form-get a:hover,
.text-big,
.text-coming a:hover,
.page-policy a:hover,
.sect-mission2 h6{
  color: #ffc501;
}

.content-banner h4,
.sect-serive h2,
.sect-contact h3,
.form-get,
.form-first h3,
.company-business h3,
.sect-core h2{
  font-family: "Poppins", "Noto Sans Thai", sans-serif;
}

.text-white,
.footer a,.text-coming a,
.text-head h3,
.blog-page-contact a,
.CASS-A-main div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .pre-news,
.CASS-A-main div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .pre-news p,
.CASS-A-main div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .read-news,
.form-get.page-policy p, .form-get.page-policy a,
div#background67f73e8e08a187001a970cbf .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service:hover,
div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service:hover,
div#background681da436d4656e0013f04065 .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service:hover,
div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service:hover{
  color: #fff;
}

.footer h6 {
  margin-bottom: 6%;
}

.contact-page h6,
.head-page h3,
.sect-serive,
.news-detail,
.form-first h3,
.form-get li p,
.page-service p,
.form-get h2,
.port-detail h6,
.about-page h3,
.page-service.text-white h3{
  margin-bottom: 3%;
}

.head-contact {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.head-contact img {
  width: 20px !important;
}

.head-contact {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

.sect-contact,
.footer,
.copy-right,
.form-first span,
.TabItpContentLandingPage h6,
.form-get li h6,
.sect-core h6,
.text-head h2{
  font-family: "Poppins", "Noto Sans Thai", serif;
}

.port-video h6 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10%;
  font-family: "Poppins", serif;
}

.sect-contact,
.footer h6,
.head-page h3,
.text-banner{
  text-transform: uppercase;
}

.social-footer img {
  width: 30px !important;
}

.social-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 7%;
}

#Component67f7893c1afbd5001351cef3 .glyphicon-envelope:before{
  content: "➝";
}

.CASS-H-main .btn-default {
  margin-top: 20px;
  padding: 1rem 2rem;
  font-size: 14px;
  background: #ffd64a !important;
  color: #000 !important;
  text-shadow: none;
  border: 1px solid #ffd64a !important;
  border-radius: 0;
  box-shadow: none;

}

.CASS-H-main .btn-default:hover {
  background: #000 !important;
  border-color: #ffffff !important;
  color: #fff !important;
}

.CASS-H-main .glyphicon-envelope:before {
  content: "SUBSCRIBE";
  font-family: "Poppins", "Noto Sans Thai", serif;
  font-size: 13px;
}

.CASS-H-middle > div.CASS-H-middle-mid > div:nth-child(1) > div > form > div > span > button > span > span,
div#formdisplay67dd16ed8a2ad70013fcc99f .glyphicon, .row.Contenemanager-gallery::before, .row.Contenemanager-gallery::after,
div#formdisplay67f7419640a7ad001a4d60dd .glyphicon, .row.Contenemanager-gallery::before, .row.Contenemanager-gallery::after,
div#formdisplay680a1bf16f01b6001a227baa .glyphicon, .row.Contenemanager-gallery::before, .row.Contenemanager-gallery::after,
div#formdisplay682416456457da00135924fc .glyphicon, .row.Contenemanager-gallery::before, .row.Contenemanager-gallery::after,
.landingpagemanager h4 i, .landingpagemanager strong,.news-detail h5,.social-share,
#background67f7893c1afbd5001351cef3 > div > div.none-middle > div.none-middle-mid > div:nth-child(1) > div > form > div > span > button > span > span{
  display: none;
}

.CASS-H-main .input-group {
  display: block;
}

.CASS-H-main .input-group .form-control,
#Component67f7893c1afbd5001351cef3 .btn-default,
#Component67f7893c1afbd5001351cef3 .input-group .form-control{
  background: transparent !important;
  color: #fff !important;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #fff;
  box-shadow: none;
  font-family: "Poppins", "Noto Sans Thai" ,serif;
  font-size: 14px;
  height: 40px;
}

.CASS-H-main input::placeholder,
#Component67f7893c1afbd5001351cef3 input::placeholder{
  color: #d6d6d6;
}

.copy-right,
.sect-serive,
.sect-slogan,
.head-page,
.sect-target,
.sect-timeline h5,
.objective-business h5 {
  text-align: center;
}

.bg-video {
  position: relative;
}

.blog-about ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  width: 95%;
  margin: auto;
  margin-top: -60px;
}

.blog-about li {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 12% 4%;
  font-family: "Poppins", "Noto Sans Thai", serif;
  transition: all 0.2s ease-out;
}

.blog-about li:nth-child(2),
.sect-target li:nth-child(2),
.sect-target li:nth-child(4),
.sect-target li:nth-child(5),
.sect-target li:nth-child(7),
div#background67f73e8e08a187001a970cbf .col-md-4.col-sm-4.col-xs-12:nth-child(2),
div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12:nth-child(1),
div#background681da436d4656e0013f04065 .col-md-4.col-sm-4.col-xs-12:nth-child(2),
div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12:nth-child(1){
  background: #ffc501;
  color: #000;
}

.blog-about.blog-page-contact ul {
  margin: 0 auto;
}

.blog-page-contact p {
  margin: 1% 0;
}

.blog-page-contact .text-about h6 {
  text-transform: none;
}

.icon-about {
  width: 60px;
  margin: auto;
  margin-bottom: 2rem;
}

.blog-page-contact .icon-about {
  width: 60px;
  margin-bottom: 2rem;
}

h6,
.news-detail h5 {
  line-height: inherit;
}

.sect-about h2 {
  line-height: 60px;
}

.blog-about.blog-page-about li:hover,
div#Contentmanager .col-md-offset-2,
.row.staggered-grid, .text-team h6{
  margin: 0;
}

.sect-about,
.blog-service,
.sect-serive,
.sect-slogan,
.text-portfolio,
.head-page,
.sect-mission,
.sect-target,
.page-service,
.pre-port,
.port-detail,
.dropdown-menu > li > a,
.contact-page,
.itopplus-sidebar-menu-child a {
  font-family: "Poppins", "Noto Sans Thai", serif;
}

.sect-about p,
.sect-about h4,
.sect-about h2,
.port-detail p,
.port-detail{
  margin-bottom: 4%;
}

.TabItpContentLandingPage > ul,
.company-business h3 {
  margin-bottom: 2%;
}

.sect-about {
  padding-top: 5%;
  padding-right: 14%;
  padding-left: 6%;
}

.sect-about p {
  line-height: 24px;
  text-align: justify;
  color: #636363;
  padding-right: 35%;
  font-weight: 300;
}

.btn-more {
  width: fit-content;
  background: #ffd64a;
  padding: 1rem 2rem;
  font-family: "Poppins", serif;
  font-weight: 400;
  color: #000;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  overflow: hidden;
}

.sect-about .btn-more {
  margin: auto;
  margin-right: 20px;
  color: #000;
  position: relative;
  top: -100px;
}

.text-service p,
.page-service p,
.news-detail p,
.description p,
.company-business p,
.port-detail p,
.table-service>tbody>tr>td,
.vision-more p,
.analyze-company p{
  line-height: 24px;
}

.head-service {
  display: grid;
  grid-template-columns: 60px auto;
  gap: 15px;
  align-items: center;
  margin-bottom: 3%;
  min-height: 80px;
}

.CASS-B-border .col-md-4.col-sm-4.col-xs-12 {
  display: block;
}

.CASS-B-middle-mid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.CASS-B-border .col-md-4.col-sm-4.col-xs-12 {
  height: 100%;
  width: 100%;
  transition: all 0.2s ease-out;
}

.blog-service {
  padding: 8% 7%;
  color: #fff;
  background: #000000b0;
}

.btn-read {
  width: fit-content;
  color: #ffc501;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ffc501;
  font-weight: 400;
  font-family: "Poppins", serif;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.read-news {
  width: fit-content;
  color: #000000;
  padding: 0.5rem 0;
  border-bottom: 1px solid #000000;
  font-weight: 400;
  font-family: "Poppins", serif;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.sect-serive h3,
.content-banner h1,
.news-detail p {
  margin-bottom: 2rem;
  font-weight: 500;
}

.news-detail p,
.text-grey,
.form-get a,
.form-get p,
.port-detail p{
  color: #636363;
}

.sect-slogan .btn-more {
  margin: auto;
  padding: 1rem 3rem;
}

.sect-slogan {
  padding: 8% 0;
}

div#background67c042f8ac41820013cdbafc .col-md-3.col-sm-4.col-xs-4,
div#background67ce556ce2aecd0013aadd79 .col-md-3.col-sm-4.col-xs-4{
  width: 11%;
}

div#background67c042f8ac41820013cdbafc .imgLightbox img,
div#background67ce556ce2aecd0013aadd79 .imgLightbox img,
div#background67c137257f1bf500135a1c2d img,
.img-miss{
  filter: grayscale(1);
}

div#background67c042f8ac41820013cdbafc figure:hover .imgLightbox img,
div#background67ce556ce2aecd0013aadd79 figure:hover .imgLightbox img,
.contact-page li:hover img, div#Contentmanager .thumbnail>img:hover,
.img-miss:hover, div#background67c137257f1bf500135a1c2d figure:hover img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img{
  filter: inherit;
}

.img-miss, div#background67c137257f1bf500135a1c2d img {
    transition-duration: 0.2s;
}

.sect-count ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
  padding: 6% 0;
  font-family: "Poppins", serif;
  margin: 0;
}

.sect-count p {
  color: #787878;
}

.sect-count h6 {
  margin-bottom: 0;
}

figure.effect-jazz h2 {
  padding-top: 0;
  -webkit-transition: inherit;
  transition: inherit;
}

div#background67c0490f26404e0013a3aea8 figcaption,
div#background67c137257f1bf500135a1c2d figcaption {
  position: relative;
  padding: 0;
  text-align: center;
  color: #fff;
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p,
figure.effect-jazz h2,
figure.effect-jazz p {
  -webkit-transform: inherit;
  transform: inherit;
}

div#background67c0490f26404e0013a3aea8 .imgLightbox,
div#background67c137257f1bf500135a1c2d .imgLightbox,
div#Contentmanager .img-container,
.img-port, div#background67f7382a08a187001a9709e3 .imgLightbox {
  overflow: hidden;
}

figure.effect-jazz:hover img {
  opacity: 1;
}

.text-portfolio {
  padding: 4% 0;
}

div#background67c11cda26404e0013a3b0d3 .pagination,
.Text_seller2,
.post-time,
.content-news p,
.form-first h3,
.form-first span{
  display: none;
}

.page-header {
  padding-bottom: 0;
  margin: 3% 0 0;
  border-bottom: none;
  position: relative;
}

h3.managerHeader {
  width: 100%;
  position: absolute;
  top: -190px;
  text-align: center;
  color: #fff;
  font-weight:400;
  line-height: inherit;
  font-family: "Poppins", "Noto Sans Thai", serif;
  font-size: 26px;
}

.social-icon {
  border-radius: 5px;
}

.pre-news {
  color: #000;
  text-align: left;
  padding: 3% 6% 8%;
}

.template1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
  width: 100%;
  background: #fff;
  padding: 0 !important;
}

.pre-news p,
.contact-page h6,
.contact-page p,
.contact-page a {
  color: #414141;
}

.pre-news h6 {
  line-height: 26px;
  min-height: 55px;
}

.sect-about.about-page {
    padding-top: 0;
    padding-right: 20%;
    padding-left: 9%;
    padding-bottom: 8%;
}

.sect-about.about-page p {
  padding-right: 0;
}

div#mainmenu680e3430d9076a0013655aad .none-middle-mid,
div#mainmenu680e4471675af200133b6718 .none-middle-mid,
div#mainmenu681d9aca155f140012fcf71a .none-middle-mid{
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}

.sect-mission li {
  display: grid;
  grid-template-columns: 15% auto;
  gap: 25px;
  padding: 5%;
  background: #000;
  transition: all 0.2s ease-out;
  /*border: 1px solid #fff;*/
}

.sect-mission ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  padding: 10% 0;
  margin: 0;
}

.sect-target ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 3%;
}

.sect-target img {
  width: 35% !important;
  margin-bottom: 5%;
}

.sect-target li {
  background: #000;
  padding: 10% 7%;
  color: #fff;
  min-height: 255px;
  transition: all 0.2s ease-out;
}

.sect-target h5,
.sect-slogan h3,
.analyze-company p,
.form-get h5 {
  margin-bottom: 2rem;
}

div#background67c1315fd4b5fa0013f60780 .col-md-4.col-sm-4.col-xs-12,
div#background67c131577eb3dd0013672524 .col-md-4.col-sm-4.col-xs-12,
div#background67f73e8e08a187001a970cbf .col-md-4.col-sm-4.col-xs-12,
div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12,
div#background681da436d4656e0013f04065 .col-md-4.col-sm-4.col-xs-12,
div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12{
  background: #000;
  color: #fff;
}

.page-service {
  color: #636363;
}

div#Component67c15790ac41820013cdc6f6 input::placeholder,
div#Component67c15790ac41820013cdc6f6 textarea::placeholder,
div#Component68243561705e890013d3d4c0 input::placeholder,
div#Component68243561705e890013d3d4c0 textarea::placeholder{
  color: #444;
}

.div#background67c137257f1bf500135a1c2d figcaption,
.blog-page-contact li:nth-child(2) a,.page-service h4,
.text-portfolio h6, .sect-core li:nth-child(3) .text-big{
  color: #000;
}

.blog-about li:nth-child(2) a {
  color: #000 !important;
}

.pre-port {
  text-align: left;
  color: #000;
  padding: 10px 20px;
  /*background: #ffc501;*/
}

.CASS-D-main .template1 .col-md-4.col-sm-4.col-xs-12 {
    background: #ffc501 !important;
}

.CASS-A-middle-mid,
.CASS-B-middle-mid,
div#Contentmanager .col-md-8.col-md-offset-2,
.CASS-E-border, div#Contentmanager .col-md-12.text-justify,
.CASS-D-middle-mid,
.CASS-H-middle-mid{
  padding: 0;
}

.CASS-A-main div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
  background: #000;
}

.Contentmanager .template1 .template-panel {
  padding-bottom: 65%;
}

.port-detail hr {
  border-width: 1px;
  border-color: #000000;
  margin-bottom: 3%;
  margin-top: 2%;
}

div#Contentmanager .img-thumbnail,
div#Contentmanager .thumbnail {
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
}

.Contenemanager-gallery .col-xs-6.col-md-3 {
  width: 33.33%;
}

.navbar-nav > li:hover > .dropdown-menu {
  display: block;
  padding: 0;
  border-radius: 2px;
}

.Textmanager {
  display: flow-root;
  text-align: left;
}

.pe-5 {
  padding-left: 5%;
}

.pe-8 {
  padding-left: 8%;
}

.ps-8 {
  padding-right: 8%;
}

.news-detail hr {
  width: 50px;
  border-width: 4px;
  margin-left: 0;
  border-color: #ffc501;
}

.contact-page li {
  display: grid;
  grid-template-columns: 35px auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}

.contact-page ul {
  list-style: none;
  padding: 0;
  margin-top: 3%;
}

.contact-page h6,
.sect-serive h6,
.TabItpContentLandingPage h6 {
  font-weight: 400;
}

div#HtmlTool67c15b397eb3dd0013672a9d iframe,
div#HtmlTool682434c99c585e0012723cb6 iframe{
  filter: grayscale(1);
}

.contact-page li img, div#Contentmanager .thumbnail>img{
  filter: grayscale(1) brightness(1.2);
}

div#Contentmanager .thumbnail>img{
  transition: 0.5s;
}

div#Component67c15790ac41820013cdc6f6 .col-xs-12.col-sm-3.col-md-3,
div#Component68243561705e890013d3d4c0 .col-xs-12.col-sm-3.col-md-3{
  display: none !important;
}

div#Component67c15790ac41820013cdc6f6 .col-xs-12.col-sm-6.col-md-6,
div#Component68243561705e890013d3d4c0 .col-xs-12.col-sm-6.col-md-6,
div#Contentmanager .col-md-8.col-md-offset-2, .Contenemanager-gallery .thumbnail>img,
.staggered-card-grid{
  width: 100%;
}

div#Component67c15790ac41820013cdc6f6,
div#Component68243561705e890013d3d4c0{
  background: #ffd64a;
  padding: 5%;
}

div#Component67c15790ac41820013cdc6f6 .form-control,
div#Component68243561705e890013d3d4c0 .form-control{
  box-shadow: none;
  border: none;
  border-radius: 0;
  height: 50px;
  background: transparent;
  color: #000 !important;
  border-bottom: 1px solid #565656;
}

.contact-page {
  padding-top: 14%;
  padding-right: 8%;
}

div#Component67c15790ac41820013cdc6f6 .col-md-offset-3,
div#formdisplay67dd16ed8a2ad70013fcc99f .col-md-offset-5,
div#formdisplay67f7419640a7ad001a4d60dd .col-md-offset-5,
div#formdisplay680a1bf16f01b6001a227baa .col-md-offset-5,
div#formdisplay682416456457da00135924fc .col-md-offset-5,
div#Component68243561705e890013d3d4c0 .col-md-offset-3{
  width: 100%;
  margin: 0;
  text-align: center;
  margin-top: 3%;
  font-family: "Poppins", "Noto Sans Thai", serif;
}

div#Component67c15790ac41820013cdc6f6 button,
div#formdisplay67dd16ed8a2ad70013fcc99f button,
div#formdisplay67f7419640a7ad001a4d60dd button,
div#formdisplay680a1bf16f01b6001a227baa button,
div#formdisplay682416456457da00135924fc button,
div#Component68243561705e890013d3d4c0 button{
  background: #000;
  border-radius: 0;
  border: none;
  text-shadow: none;
  color: #fff;
  padding: 1rem 3rem;
  transition: all 0.2s ease-out;
}

.head-contact img,
.blog-about li img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img,
.social-footer img,
.sect-mission li img,
.sect-target li img,
.contact-page li img,
.head-service img,
.img-port img,
.img-play img{
  transition: all 0.2s ease-out;
}

div#Contentmanager .thumbnail>img{
  transition: all 0.2s ease-out;
}

.btn-start::before,
.btn-more::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.btn-read::before,
.read-news::before,
.btn-read2::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #000;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.read-news::before {
  background: #787878;
}

.pre-news h6{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pre-port h6 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*color: #fff;*/
  margin: 1% 0 3%;
  font-style: italic;
}

.pre-port .read-news {
  border-color: #fff;
  display: none;
}

.CASS-A-main .read-news,
div#background67f73e8e08a187001a970cbf .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service,
div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service,
div#contentnewmode680b2d8e8cd81c00136d56c3 .sect-core li:nth-child(3),
div#contentnewmode681d8b19155f140012fcf55b .sect-core li:nth-child(3),
div#background681da436d4656e0013f04065 .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service,
div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service{
  border-color: #ffc501;
}

.count-value.plus {
  display: flex;
  justify-content: center;
}

.count-value.plus::after {
  content: "+";
}

.ITPcookiebar {
  width: 100% !important;
  background-color: #7575758c !important;
  color: #fff;
}

.buttonExampleSite {
  border-radius: 5rem !important;
  border: 1px solid #7575758c !important;
  color: #171717 !important;
}

.buttonExampleSite:hover {
  background: #ffc501 !important;
  color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
  color: #ffc501 !important;
}

.itpPDPALandingPage,
.ITP-pdpa-template-contentFont {
  font-size: 16px !important;
  margin-bottom: 3% !important;
}

.itpPDPALandingPage {
  margin-top: 3%;
}

.ITP-pdpa-template-titleFont {
  font-size: 20px !important;
  font-weight: 400 !important;
}

.ITP-pdpa-template-contentFont {
  line-height: 28px;
}


.img-news img {
  margin-bottom: 20px;
  padding: 0 10px;
}

.img-news .col-md-4.col-sm-4,
.img-news .col-md-6.col-sm-6,
.img-news .col-md-5.col-sm-5,
.img-news .col-md-7.col-sm-7,
.img-news .col-md-12.col-sm-12{
  padding: 0 !important;
}

.staggered-card-grid .post, 
.staggered-card-grid .title {
  display: none;
}

.staggered-card-grid > .caption {
  display: grid;
  min-height: 60px;
  margin: 0;
  align-items: center;
}

.staggered-sub-grid, .staggered-grid {
  padding: 0 !important;
}

.staggered-grid {
  column-count: 3;
  --webkit-column-count: 3;
  --moz-column-count: 3;
  gap: 30px;
}

.staggered-card-grid {
  display: inline-grid;
}

.pagination>li>a, .pagination>li>span {
  color: #555;
}

.pagination>.active>a, .pagination>.active>a:focus, 
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #ffc501;
  border-color: #ffc501;
  color: #000;
}

.staggered-card-grid img, div#Contentmanager img,
.img-news img, .landingpagemanager .img-container .img, 
.CASS-D-main .template1 .img{
  filter: grayscale(1) brightness(1.1);
  transition-duration: 0.5s;
}

.staggered-sub-grid:hover img, div#Contentmanager img:hover,
.img-news img:hover, .landingpagemanager .nav-template li:hover .img{
  filter: unset;
}

.staggered-sub-grid {
  min-height: 236px;
}

#Contentmanager img.img-responsive {
  border-radius: 0px;
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  transition: 0.5s;
}

.page-service li p, .port-detail li p, .analyze-company p.fw-semi {
  margin-bottom: 1rem;
}

.CASS-E-border {
  width: 90%;
}

.page-service ol,
.page-service ul,
.port-detail ul{
  padding: 0;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.page-service li::before,
.port-detail li::before{
  content: " ";
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_04002024hyv3/512/0/checkz-z1648496436208.png);
  background-size: contain;
  left: 0;
  top: 3px;
  background-repeat: no-repeat;
  background-position: center;
}

.page-service li, .port-detail li {
  list-style: none;
  position: relative;
  padding-left: 25px;
}

.page-service h6 {
  margin-bottom: 1.5rem;
}

.text-banner p {
  margin-bottom: 5%;
  line-height: 28px;
}

.text-banner {
  padding-top: 8%;
}

div#background67f6360c08a187001a96fe60,
div#background67f638dfc8f86a001a26b331,
div#background67f639f68c3f71001aaf3aec{
  width: 90%;
  margin: auto;
  margin-right: 0;
}

.page-service.text-white h4, .page-service.text-white p ,
.page-service.text-white h6, .itopplus-bg .page-service{
  color: #fff;
}

.page-service.text-white li::before {
  filter: invert(1);
}

div#background67c03c2dac41820013cdb887 .col-md-4.col-sm-4.col-xs-12,
div#background67c03c34ac41820013cdb89e .col-md-4.col-sm-4.col-xs-12,
div#background681dab7af89e5f0013d04f5a .col-md-4.col-sm-4.col-xs-12{
  border: 1px solid #ddd;
}

div#background67f73e9c8c3f71001aaf49a6 > div > div.CASS-B-middle > div.CASS-B-middle-mid > div:nth-child(3),
div#background681da482d4656e0013f0407e > div > div.CASS-B-middle > div.CASS-B-middle-mid > div:nth-child(3){
  background: transparent;
  display: none;
}

div#background67f73e8e08a187001a970cbf .head-service, 
div#background67f73e9c8c3f71001aaf49a6 .head-service{
  min-height: 70px;
}

div#background67f73e8e08a187001a970cbf .blog-service, 
div#background67f73e9c8c3f71001aaf49a6 .blog-service,
div#background681da436d4656e0013f04065 .blog-service,
div#background681da482d4656e0013f0407e .blog-service{
  padding: 5% 8%;
  border: 1px solid #fff;
}

div#background67f73e8e08a187001a970cbf .text-service,
div#background67f73e9c8c3f71001aaf49a6 .text-service,
div#background681da436d4656e0013f04065 .text-service,
div#background681da482d4656e0013f0407e .text-service{
  min-height: unset;
}

div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12,
div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12{
  width: 33.33%;
}

div#background67f73e9c8c3f71001aaf49a6 .CASS-B-middle-mid,
div#background681da482d4656e0013f0407e .CASS-B-middle-mid{
  display: flex;
  justify-content: center;
}

/*
.page-service h4 {
padding: 2% 3%;
width: fit-content;
background: #ffc501;

}*/

div#background67ce49d5f0e08f0013b0db97 figcaption {
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  text-transform: none;
  background: #0000006b;
}

div#background67ce49d5f0e08f0013b0db97 .bg-video {
  position: static;
}

.sect-slogan p {
  color: #636363;
  line-height: 24px;
}

div#background67ce49d5f0e08f0013b0db97 .grid figure p {
  display: none;
}

.footer li {
  display: grid;
  grid-template-columns: 20px auto;
  gap: 10px;
  margin-bottom: 1rem;
}

.footer ul, .sect-mission2 ul {
  list-style: none;
  padding: 0;
}

.btn-read2 {
  width: fit-content;
  margin: auto;
  padding: 2%;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.blog-about li:nth-child(2) .btn-read2 {
  border-color: #000;
}

.sect-about h1 {
  line-height: 72px;
  font-weight: 400;
}

.CASS-B-border .col-md-4.col-sm-4.col-xs-12:hover .service-01 {
  opacity: 0.7;
}

.service-01 {
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: all 0.2s ease-out;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.service-01 img {
  transition: transform 0.2s ease-out;
  object-fit: cover;
  height: 100%;
  object-position: top;
}

div#tabTitleLandingPage17425358603491 {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.tab-content,
.TabItpContentLandingPage .nav-pills > li.active > a,
.TabItpContentLandingPage .nav-pills > li.active > a:focus,
.TabItpContentLandingPage .nav-pills > li.active > a:hover,
.TabItpContentLandingPage .nav > li > a:hover {
  background: transparent !important;
  color: #ffc501;
}

.tabs-port {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.tabs-port video {
  /*height: 231px !important;*/
  object-fit: cover;
}

.TabItpContentLandingPage > ul > li > a,
.TabItpContentLandingPage .nav > li > a:focus {
  padding: 0;
  background: transparent;
  color: #fff;
}

.TabItpContentLandingPage > ul > li {
  width: 100%;
  position: relative;
}

.TabItpContentLandingPage > ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.TabItpContentLandingPage > ul::before,
.TabItpContentLandingPage > ul > li:nth-child(4)::before,
.TabItpContentLandingPage > ul > li:nth-child(8)::before {
  display: none;
}

.TabItpContentLandingPage > ul > li::before {
  content: "|";
  position: absolute;
  top: 10px;
  right: 0;
}

.tab-content,
.tab-itp-background,
div#contentnewmode67dd00d88a2ad70013fcc220 {
  padding: 0 !important;
}

/*.overlay-video {
width: 100%;
height: 100%;
background: #00000024;
position: absolute;
top: 0;
left: 0;
}*/

.footer.pe-20 {
  padding-left: 25%;
}

.form-get {
  margin-right: 0;
  margin-top: 8%;
}

div#formdisplay67dd16ed8a2ad70013fcc99f,
div#formdisplay67f7419640a7ad001a4d60dd,
div#formdisplay680a1bf16f01b6001a227baa,
div#formdisplay682416456457da00135924fc{
  background: #ffd64a !important;
  padding: 3% 6%;
  color: #444;
}

.text-about h6, .text-about p, .form-get ul, .form-get p {
  margin-bottom: 5%;
}

div#formdisplay67dd16ed8a2ad70013fcc99f .form-control,
div#formdisplay67f7419640a7ad001a4d60dd .form-control,
div#formdisplay680a1bf16f01b6001a227baa .form-control,
div#formdisplay682416456457da00135924fc .form-control{
  height: 40px;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #444;
  margin-bottom: 2rem;
}

#formdisplay67dd16ed8a2ad70013fcc99f > div:nth-child(4),
#formdisplay682416456457da00135924fc > div:nth-child(4){
  padding-top: 0 !important;
}

.company-business {
  padding: 6% 0;
  text-align: center;
}

.blog-about.blog-page-about ul,
.head-service h6, .text-vision h6,
.sect-mission2 h6, .sect-core h6{
  margin-top: 0;
}

.blog-page-about {
  margin-top: 3%;
}

.blog-about.blog-page-about li {
  border: 1px solid #ffc501;
}

.main-timeline:after {
  content: "";
  display: block;
  clear: both;
}


.main-timeline .timeline-content {
  padding: 6%;
  display: block;
  position: relative;
  font-family: "Poppins", "Noto Sans Thai", serif;
  background: #000;
  margin-top: 30px;
  height: 100%;
}

.main-timeline .timeline-content:hover {
  text-decoration: none;
}

.main-timeline .timeline-year {
  color: #000;
  background-color: #ffc501;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
  width: fit-content;
  padding: 0.75rem 2rem;
  margin-bottom: 3%;
  top: -25px;
  position: absolute;
}

.main-timeline .description {
  color: #fff;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0;
  margin: 0;
}


.main-timeline .timeline:nth-child(even) .timeline-content {
  text-align: left;
  border-right: none;
}

.main-timeline .timeline:nth-child(even) .timeline-year {
  margin-left: 0;
}


@media screen and (max-width: 767px) {
  .main-timeline .timeline,
  .main-timeline .timeline:nth-child(even) {
    width: 100%;
    margin: 0 0 25px;
  }
}

.text-head {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0000004a;
  top: 0;
  z-index: 99;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
}

.head-page {
  position: relative;
}

.sect-timeline h5 {
  background: #ffc501;
  width: fit-content;
  padding: 1% 2%;
  color: #000;
  margin: auto;
  margin-bottom: 2%;
}

div#background67c131577eb3dd0013672524 .col-md-4.col-sm-4.col-xs-12:hover,
div#background67c1315fd4b5fa0013f60780 .col-md-4.col-sm-4.col-xs-12:hover,
div#background67f73e8e08a187001a970cbf .col-md-4.col-sm-4.col-xs-12:hover,
div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12:hover,
div#background681da436d4656e0013f04065 .col-md-4.col-sm-4.col-xs-12:hover,
div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12:hover,
.CASS-H-main{
  background: transparent;
}

.banner-overlay img {
  height: 330px;
  object-fit: cover;
  object-position: center;
}

.page-service.ps-5 {
  padding-left: 0;
  padding-right: 7%;
}

.row.Contenemanager-gallery {
  --webkit-column-count: 3;
  --moz-column-count: 3;
  column-count: 3;
  gap: 20px;
  margin: 0;
  overflow: hidden;
}

.Contenemanager-gallery .col-xs-6.col-md-3 {
  padding-left: 0px;
  padding-right: 0px;
  height: auto;
  width: 100%;
  display: inline-grid;
}

#Contentmanager .thumbnail {
  background-color: transparent;
  position: relative !important;
  overflow: hidden !important;
  padding: 0px;
  border-radius: 0px;
}

.contact-call {
  background: #ffc501;
  display: grid;
  grid-template-columns: 26px auto;
  align-items: center;
  gap: 8px;
  padding: 0.75rem 2rem;
  width: fit-content;
  margin-top: 10%;
  color: #000;
}

div#cookie67c15790ac41820013cdc6f6 {
  padding-bottom: 3%;
}

.icon-footer img {
  display: none;
  width: 23px !important;
}

.icon-footer {
  display: flex;
  align-items: center;
  margin-bottom: 1%;
}

div#contentnewmode680e38b6d9076a0013655b0f .sect-core {
  padding: 20% 0 10%;
}

.sect-core {
    padding: 8% 0;
}

.sect-core li {
    padding: 9%;
    border: 1px solid #000000;
    transition: all 0.2s ease-out;
    background: #000;
    color: #fff;
}

.sect-core ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.sect-core li:nth-child(3) {
    border-color: #ffc501;
}

.bg-black {
  margin-bottom: -5px;
}

.content-banner h1 {
  font-size: 80px;
  margin: auto;
  margin-bottom: 4%;
  font-weight: 600;
  padding-top: 10%;
}

.text-service p {
  -webkit-line-clamp: 5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.page-coming {
  padding-top: 25%;
  padding-left: 8%;
  font-family: "Poppins", "Noto Sans Thai", serif;
}

.text-coming {
  display: flex;
  gap: 60px;
}

.text-coming > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.text-coming2 {
  text-align: center;
  margin: 6% 0;
  color: #a9a9a9;
}

.text-coming3 .head-contact {
  justify-content: start;
  margin-top: 3%;
}

#Component67f7893c1afbd5001351cef3 {
  width: 40%;
  position: absolute;
  right: 50px;
  bottom: -35px;
}

.text-service {
  min-height: 130px;
}

.video-page, .content-video video {
  margin-bottom: -6px;
}

.img-port2 {
  position: relative;
}

.img-play {
  position: absolute;
  width: 12%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.7;
  transition: all 0.2s ease-out;
}

.port-detail .col-md-6 {
  padding-right: 5% !important;
}


/*
#background67c11cdb26404e0013a3b0de .row.Contenemanager-gallery > div:nth-child(3),
#background67c11cdb26404e0013a3b0de .row.Contenemanager-gallery > div:nth-child(3){
position: relative;
top: -12px;
}
*/
.clearfix {
  margin: 0 !important;
}


.btnicondownload {
  background: #ffc501;
  color: #000;
  display: grid;
  grid-template-columns: auto 25px;
  width: fit-content;
  padding: 8px 20px;
  gap: 15px;
  margin: 0 auto;
  margin-top: 2%;
  margin-bottom: 2%;
  transition: 0.35s;
  border-radius: 5px;
  font-size: 16px;
  align-items: center;
}

.icondownload {
  filter: invert(1);
}

.text-about p {
  min-height: 40px;
}

div#background67e2871c0645020013554a0c .col-md-6.col-sm-6.col-xs-12:nth-child(1),
div#background67ce5377f0e08f0013b0dd31 .col-md-6.col-sm-6.col-xs-12:nth-child(1){
  width: 60%;
}

div#background67e2871c0645020013554a0c .col-md-6.col-sm-6.col-xs-12:nth-child(2),
div#background67ce5377f0e08f0013b0dd31 .col-md-6.col-sm-6.col-xs-12:nth-child(2){
  width: 40%;
}

.social-team img {
  width: 18px !important;
}

.social-team {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.grid figure p {
  letter-spacing: unset;
  font-size: initial;
}

figure.effect-jazz p {
  opacity: 1;
}

.text-team {
  background: #ffd64a;
  text-align: center;
  padding: 6% 0 8%;
  color: #000;
}


.landingpagemanager {
  border: none;
  padding: 0;
  margin-top: 5%;
}

.landingpagemanager h4 {
  margin-bottom: 3% !important;
  margin-left: -4px !important;
}

.landingpagemanager .nav-template li,
.landingpagemanager .nav-template li .col-md-4.col-sm-4.col-xs-4, 
.landingpagemanager .nav-template li .col-md-8.col-sm-8.col-xs-12{
  width: 100%;
  padding: 0;
}

.landingpagemanager .nav-template {
  display: inline-block;
  column-count: 3;
  min-height: 320px;
  gap: 25px
}

.landingpagemanager .nav-template li > a {
  display: inline-block;
  width: 100%;
}

.maxHeight-TP5 {
  min-height: unset !important;
  max-height: unset;
}

.nav-template li:hover {
  background-color: transparent;
}

.landingpagemanager .nav-template li:nth-child(3) .img-container {
  padding-bottom: 74%;
}

.landingpagemanager .nav-template li:nth-child(2) .img-container {
  padding-bottom: 74%;
}

.landingpagemanager .nav-template li:first-child .img-container {
  padding-bottom: 65%;
}

.landingpagemanager .nav-template li:nth-child(4) .img-container {
  padding-bottom: 74%;
}

/*******************responsive******************/

@media screen and (min-width: 1024px) {
  .head-contact img:hover,
  .social-footer img:hover,
  div#background67f73e8e08a187001a970cbf .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service:hover img,
  div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service:hover img,
  div#background681da436d4656e0013f04065 .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service:hover img,
div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service:hover img{
    filter: brightness(0) saturate(100%) invert(77%) sepia(31%) saturate(2168%) hue-rotate(357deg) brightness(101%) contrast(107%);
  }

  .btnicondownload:hover .icondownload{
    filter: brightness(0) saturate(100%) invert(67%) sepia(85%) saturate(550%) hue-rotate(358deg) brightness(102%) contrast(105%);
  }

  .head-contact img:hover,
  .blog-about li:hover img,
  .CASS-B-border .col-md-4.col-sm-4.col-xs-12:hover img,
  div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,
  .social-footer img:hover,
  .sect-mission li:hover img,
  .sect-target li:hover img,
  .contact-page li:hover img,
  .img-port img:hover,
  .img-port2:hover .img-play img,
  div#Contentmanager .thumbnail>img:hover{
    transform: scale(1.05);
  }

  .img-port2:hover .img-play{
    opacity: 1;
  }

  .footer a:hover,
  .contact-page a:hover,
  .btn-start:hover,
  .btn-more:hover,
  .sect-about .btn-more:hover,
  div#background67c0490f26404e0013a3aea8 figure:hover .text-portfolio h6,
  div#background67c137257f1bf500135a1c2d figure:hover .text-portfolio h6,
  .CASS-A-main div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .read-news,
  .blog-page-contact a:hover {
    color: #ffc501;
  }

  .btnicondownload:hover {
    background: #000;
    color: #ffc501;
  }

  .btn-read:hover::before,
  .blog-service:hover .btn-read::before,
  .read-news:hover::before,
  div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .read-news::before,
  .blog-about li:hover .btn-read2::before {
    right: 0;
  }

  .btn-start:hover::before,
  .btn-more:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .read-news,
  .read-news:hover,
  .blog-page-contact li:nth-child(2) a:hover {
    color: #787878;
  }

  div#Component67c15790ac41820013cdc6f6 button:hover,
  div#formdisplay67dd16ed8a2ad70013fcc99f button:hover,
  div#formdisplay67f7419640a7ad001a4d60dd button:hover,
  div#formdisplay680a1bf16f01b6001a227baa button:hover,
  div#formdisplay682416456457da00135924fc button:hover,
  div#Component68243561705e890013d3d4c0 button:hover{
    background: #787878;
  }

  .read-news:hover,
  div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .read-news,
  .blog-about li:hover .btn-read2 {
    border: none;
  }

  .contact-call:hover img {
    filter: invert(1);
  }

  .blog-about li .btn-read2::before {
    background: #ffc501;
  }

  .blog-about li:nth-child(2) .btn-read2::before,
  .contact-call:hover {
    background: #000;
  }

  .CASS-A-main div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .read-news::before {
    background: #ffc501;
  }

  .contact-call:hover {
    color: #fff;
  }
}

.sect-mission li:nth-child(1) img {
  filter: brightness(0) saturate(100%);
}

.sect-mission li:nth-child(1), .sect-core li:nth-child(3) {
  background: #ffc501;
  color: #000;
}

.text-head h2 {
  margin-bottom: 2rem;
}

.text-big2 {
  font-size: 18px;
  color: #ffc501;
  font-weight: 500;
}


.text-head p span {
  margin: 0 5px;
}

.text-head p {
  text-transform: capitalize;
}

.page-policy .btn-more:hover {
  border: 1px solid #ffd64a;
}

.page-policy .btn-more {
  border: 1px solid #ffd64a;
}

.main-timeline {
  display: flex;
  width: 455%;
  gap: 30px;
  padding-bottom: 5%;
}

.timeline {
  width: 500px;
}

.page-timeline {
  overflow-x: scroll;
}

div#background67f73e8e08a187001a970cbf .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service,
div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service,
 div#background681da436d4656e0013f04065 .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service,
div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service{
  background: transparent;
  color: #000;
}

div#background67f73e8e08a187001a970cbf .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service img,
div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service img,
 div#background681da436d4656e0013f04065 .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service img,
div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service img{
  filter: brightness(0) saturate(100%);
}

div#background67f73e8e08a187001a970cbf .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service:hover,
div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service:hover,
 div#background681da436d4656e0013f04065 .col-md-4.col-sm-4.col-xs-12:nth-child(2) .blog-service:hover,
div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12:nth-child(1) .blog-service:hover{
  background: #000000b0;
}


.sect-core li:first-child {
    border: none;
    padding-top: 20%;
    text-transform: uppercase;
    background: transparent;
    color: #000;
}

.sect-mission2 .icon-vision {
    width: 60px;
    margin-bottom: 3%;
}

div#background680e3af6675af200133b663c .none-middle-mid .none-middle-mid{
    display: block;
}

div#background680e3af6675af200133b663c .none-middle-mid{
    display: flex;
    flex-wrap: wrap;
}

.sect-mission2 {
    padding: 10%;
    padding-bottom: 0;
    font-family: "Poppins","Noto Sans Thai", serif;
}

div#background680e3af6675af200133b663c {
    background: #000000;
    color: #ffffff;
    margin-bottom: -100px;
    margin-top: 20%;
    position: relative;
    z-index: 99;
}

.bg-grey {
    background: #f0f0f0;
}

.sect-count.bg-grey ul {
    width: 75%;
    margin: auto;
}

table#tableB thead {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

table#tableB thead tr:first-child {
    display: none;
}

table#tableB thead tr {
    padding: 6% 5%;
    border: 1px solid #ddd;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
}

div#background67f73e8e08a187001a970cbf .CASS-B-middle-mid, 
div#background67f73e9c8c3f71001aaf49a6 .CASS-B-middle-mid {
    gap: 0;
}

div#background67f73e9c8c3f71001aaf49a6 {
    margin-bottom: -144px;
    position: relative;
    z-index: 99;
}

.page-service.text-white.pt-new {
    padding-top: 20%;
}

.form-get h3 {
    margin-bottom: 3rem;
}

.interest-page .banner-overlay img {
    height: 100vh;
}


div#background6823fc08ad8a000013b039b3 figcaption {
  padding: 0;
  text-transform: none;
  position: relative;
  color: #000;
  text-align: center;
}

.text-team p {
  font-size: 14px !important;
  margin-bottom: 3% !important;
  padding: 3% 2% !important;
  line-height: 22px;
  min-height: 65px;
}

div#contentnewmode67ce5689f0e08f0013b0df23 .sect-mission li{
  border: 1px solid #fff;
}

.port-detail hr {
  margin: 5% 0;
}

.port-detail h3 {
  line-height: inherit;
}

#relateContentTitle::before {
  content: "Our latest project";
  color: #000;
  font-family: "Poppins", serif;
}

#relateContentTitle {
  position: relative;
  color: #fff;
}

div#Contentmanager .TabItpCateLandingPage1>ul {
  display: none;
}

.footer.pe-20 ul li:nth-child(2)  {
  display: gird;
  align-items: center;
}

div#contentnewmode680b2d8e8cd81c00136d56c3 .sect-core li:first-child,
div#contentnewmode681d8b19155f140012fcf55b .sect-core li:first-child{
    color: #fff;
}

div#contentnewmode680b2d8e8cd81c00136d56c3 .sect-core li,
div#contentnewmode681d8b19155f140012fcf55b .sect-core li{
    border-color: #fff;
}

#tableB td .btnicondownload {
    margin-left: 0;
}

.history-about {
    padding-top: 2%;
    padding-right: 10%;
    color: #636363;
}

.history-text {
    display: grid;
    grid-template-columns: 30% auto;
    margin-bottom: 1rem;
}

.history-about h5 {
    margin-bottom: 2rem;
    color: #ffc501;
}

.history-items {
    border-left: 3px solid #ddd;
    padding-left: 30px;
    padding-top: 1rem;
}

.table-service>thead {
    background: #ffc501;
    color: #000;
}
.table-service>tbody>tr:nth-child(even) {
    background: #9a9a9a3b;
}

.table-service>thead>tr>th, .table-service>tbody>tr>td {
    text-align: center;
    padding: 1%;
    border: 1px solid #9a9a9a54;
}

.table-service>thead>tr>th {
  vertical-align: middle !important;
}

.table-service {
    margin-top: 3%;
}

div#background681dab7af89e5f0013d04f5a .blog-service {
    min-height: 480px;
}

div#background681da482d4656e0013f0407e .blog-service,
div#background681da436d4656e0013f04065 .blog-service {
    min-height: 400px;
}

div#background681dab7af89e5f0013d04f5a .text-service p,
div#background681da482d4656e0013f0407e .text-service p,
div#background681da436d4656e0013f04065 .text-service p{
    -webkit-line-clamp: unset;
}

.blog-business {
    margin-top: 3%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.blog-business {
    margin-top: 3%;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.items-object {
    background: #000;
    color: #fff;
    padding: 3%;
    width: 47%;
}

.items-object:nth-child(2), .items-object:nth-child(3) {
    background: #ffc501;
    color: #000;
}

.analyze-company .col-md-6.col-sm-6 {
    padding: 0 4% 0 0!important;
}

.company-chart {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 2%;
}

.text-chart01, .text-chart02 {
    text-align: right;
}

.text-chart01, .text-chart03 {
    margin-bottom: 35%;
}

.paramita-05 {
    left: 55px;
}

.paramita-04 {
    left: 0;
    margin-bottom: 3rem;
}

.paramita-03 {
    left: -60px;
    margin-bottom: 3rem;
}

.paramita-02 {
    left: -115px;
    margin-bottom: 3rem;
}

.paramita-01 {
    left: -170px;
    margin-bottom: 3rem;
}

.paramita-text {
    border-left: 3px solid #ffc501;
    padding-left: 15px;
    position: relative;
}

.analyze-company table ul {
    padding-left: 25px;
}

.analyze-company table li p {
    text-align: left;
}

.table-bg-black {
    background: #000 !important;
    color: #ffc501;
}

.table-service>tbody>tr:hover {
    background: #ffc501 !important;
    color: #000;
}

.table-bg-black td {
    font-size: 16px !important;
}

.vision-more {
    padding: 22% 15%;
}

div#Contentmanager .row {
    margin-bottom: 20px;
}
@media screen and (min-width: 1900px) {
  .navbar-default .navbar-nav > li > a,
  .itopplus-menu .menuVertical > ul > li > a{
    font-size: 16px;
  }

  h1 {
    font-size: 4.6em;
  }

  h2 {
    font-size: 4em;
  }

  h3,
  h3.managerHeader,
  .text-head h2{
    font-size: 3em;
  }

  h4 {
    font-size: 2.6em;
  }

  h5 {
    font-size: 2em;
  }

  h6 {
    font-size: 1.6em;
  }

  p,
  .TabItpContentLandingPage h6,
  .main-timeline .timeline-year,
  .sect-serive h6, .pre-port h6 {
    font-size: 16px;
  }

  .text-big {
    font-size: 50px;
  }

  .content-banner h4 {
    font-size: 52px;
  }

  .content-banner h6,
  .pre-news h6,
  .head-service h6,
  .sect-count h6,
  .text-big2,
  .text-team h6,
  .footer h6,
  .text-portfolio h6,
  .analyze-company p.fw-semi{
    font-size: 20px;
  }

  .btn-start,
  .footer p,
  .btn-more,
  .pre-news p,
  div#Component67c15790ac41820013cdc6f6 button,
  div#Component68243561705e890013d3d4c0 button,
  .dropdown-menu > li > a,
  div#formdisplay67dd16ed8a2ad70013fcc99f button,
  div#formdisplay67f7419640a7ad001a4d60dd button,
  div#formdisplay680a1bf16f01b6001a227baa button,
  div#formdisplay682416456457da00135924fc button{
    font-size: 14px;
  }

  .read-news,
  .btn-read,
  div#Component67c15790ac41820013cdc6f6 .form-control,
  div#Component68243561705e890013d3d4c0 .form-control,
  .btn-read2 {
    font-size: 14px;
  }

  .CASS-H-main .btn-default,
  .CASS-H-main .input-group .form-control,
  #Component67f7893c1afbd5001351cef3 .btn-default,
  #Component67f7893c1afbd5001351cef3 .input-group .form-control{
    font-size: 18px;
    height: 45px;
  }
  
  .table-service>thead>tr>th {
    font-size: 18px;
  }

  .navbar-default .navbar-nav > li > a {
    margin: 0 13px;
    padding: 8px;
  }

  .blog-service {
    padding: 10% 8%;
  }

  .head-contact img {
    width: 23px !important;
  }

  .content-banner h6,
  .pre-news h6 {
    line-height: 30px;
  }

  .icon-about {
    width: 70px;
    margin-bottom: 3rem;
  }

  .blog-about li {
    padding: 12% 5%;
  }

  .text-about p {
    margin: 4% 0;
    font-size: 16px;
    min-height: 50px;
  }

  .text-service p, .page-service p, .news-detail p, 
  .description p, .company-business p, .port-detail p,
  .sect-about p, .table-service>tbody>tr>td, .vision-more p,
  .analyze-company p{
    line-height: 28px;
  }

  .sect-about p {
    padding-right: 34%;
  }

  .sect-target img {
    width: 28% !important;
  }

  .sect-about .btn-more {
    right: -20px;
    top: -60px;
  }

  .sect-about {
    padding-right: 16%;
    padding-left: 8%;
    padding-top: 5%;
  }

  .blog-page-contact p {
    margin: 2% 0;
  }

  .sect-about p,
  .sect-about h3 {
    margin-bottom: 3%;
  }

  .sect-mission li {
    grid-template-columns: 13% auto;
  }

  .sect-core li {
    padding: 5% 8% 10%;
  }

  .head-service {
    min-height: 75px;
  }

  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }

  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
  }

  /* .tabs-port video {
  height: 310px !important;
}*/

  .form-get {
    margin-top: 8%;
  }

  .banner-overlay img {
    height: 420px;
  }

  .sect-about h2 {
    line-height: 68px;
  }

  .sect-about.about-page {
        padding-right: 20%;
        padding-top: 3%;
        padding-bottom: 17%;
  }

  h2.count-value.plus {
    font-size: 56px;
    font-weight: 600;
  }

  h3.managerHeader {
    top: -250px;
    font-size: 32px;
  }

  .text-banner {
    padding-top: 0;
  }

  .content-banner h1 {
    font-size: 80px;
  }

  .text-banner p {
    line-height: 34px;
  }

  .blog-about ul {
    gap: 30px;
  }

  .no-js .container {
    width: 75vw;
  }

  .itopplus-banner .container {
    width: 100%;
  }

  .text-about h6 {
    font-size: 24px;
  }

  .text-about h6 br {
    display: none;
  }

  .text-service {
    min-height: 150px;
  }

  .pre-news p {
    margin-bottom: 3%;
  }

  .pre-news h6 {
    min-height: 60px;
  }

  .template1 {
    gap: 30px;
  }

  .social-footer img {
    width: 35px !important;
  }

  .page-service.pt-3 {
    padding-top: 5%;
  }

  .page-service.pt-5 {
    padding-top: 8%;
  }

  .text-coming2 {
    margin: 9% 0;
  }

  .page-service.pt-8 {
    padding-top: 12%;
  }

  .text-coming {
    gap: 80px;
  }

  .text-coming > div {
    gap: 20px 60px;
  }

  .img-news img {
    margin-bottom: 30px;
    padding: 0 15px;
  }

  .page-service.text-white h4 {
    margin-bottom: 3%;
  }

  .page-service ol, .page-service ul {
    margin-top: 3rem;
  }

  .contact-page {
    padding-top: 12%;
  }

  /*.Contenemanager-gallery .col-xs-6.col-md-3 {
  margin-top: -10px;
}*/

  div#formdisplay67dd16ed8a2ad70013fcc99f .form-control, 
  div#formdisplay67f7419640a7ad001a4d60dd .form-control,
  div#formdisplay680a1bf16f01b6001a227baa .form-control,
  div#formdisplay682416456457da00135924fc .form-control{
    height: 50px;
  }

  div#background67f73e8e08a187001a970cbf .head-service, 
  div#background67f73e9c8c3f71001aaf49a6 .head-service {
    min-height: 80px;
  }


  .main-timeline {
    width: 480%;
  }

.sect-core li:first-child {
    padding-top: 12%;
}
  
div#background680e3af6675af200133b663c {
    margin-bottom: -120px;
}
  
  .sect-mission2 {
    padding: 12%;
    padding-bottom: 0;
}
  
  div#background67f73e9c8c3f71001aaf49a6 {
    margin-bottom: -168px;
}
  
  .vision-more {
    padding: 25% 20%;
}
  
  .history-about {
    padding-top: 7%;
  }
  
  div#background681dab7af89e5f0013d04f5a .blog-service {
    min-height: 535px;
}
  
.paramita-01 {
    left: -215px;
    margin-bottom: 5rem;
}
  
  .paramita-02 {
    left: -145px;
    margin-bottom: 6rem;
}
  
  .paramita-03 {
    left: -84px;
    margin-bottom: 4rem;
}
  
  .paramita-04 {
    left: -15px;
    margin-bottom: 5rem;
}
  
  .analyze-company.page-service.pt-8 {
    padding-top: 8%;
}
  
  .text-team p {
    min-height: 70px;
}
}

@media screen and (max-width: 1366px) {
  /*.tabs-port video {
  height: 205px !important;
}*/

  .form-get {
    margin-top: 10%;
  }
    .form-get2 {
    margin-top: 10%;
  }

  h3.managerHeader {
    top: -200px;
    font-size: 28px;
  }

  .text-big {
    font-size: 38px;
  }

  .itopplus-menu .menuVertical > ul > li > a {
    text-align: center;
    font-size: 13px;
  }

  div#mainmenu67f631ae74e330001a88daa0>div {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .content-banner h1 {
    font-size: 66px;
  }

  .blog-about ul {
    width: 100%;
  }

  .sect-about {
    padding-right: 12%;
    padding-left: 8%;
    padding-top: 2%;
  }

  .text-service {
    min-height: 110px;
  }

  .sect-core li {
    padding: 4% 9% 7%;
  }

  .landingpagemanager .nav-template li:nth-child(2) .img-container {
    padding-bottom: 73%;
  }
  
  .navbar-default .navbar-nav > li > a {
    margin: 0 5px;
    padding: 8px 5px;
}
  
  .sect-about.about-page {
    padding-right: 10%;
}
  
  .sect-core li:first-child {
    padding-top: 15%;
}
  
  .sect-count.bg-grey ul {
    width: 90%;
  }
}

@media screen and (max-width: 1200px) {
.navbar-default .navbar-nav > li > a {
    margin: 0 3px;
    font-size: 12px;
    padding: 8px 4px;
}
  
  .itopplus-banner .container {
    width: 95%;
}

  h1 {
    font-size: 3.6em;
  }

  h2 {
    font-size: 2.8em;
  }

  h3 {
    font-size: 2.6em;
  }

  h4 {
    font-size: 2.2em;
  }

  h5 {
    font-size: 1.8em;
  }

  h6 {
    font-size: 1.3em;
  }

  .head-service h6,
  p,
  .TabItpContentLandingPage h6 {
    font-size: 14px;
  }

  .content-banner h4 {
    font-size: 40px;
  }

  .content-banner h6,
  .pre-news h6 {
    font-size: 16px;
  }

  .footer h6,
  .text-portfolio h6,
  .port-video h6,
  .form-get h6,
   .form-get2 h6,
  .form-first span {
    font-size: 16px;
  }

  .news-detail h5 {
    font-size: 20px;
  }

  .icon-about {
    width: 65px;
  }

  .blog-about li {
    padding: 8% 6%;
  }

  .itopplus-menu .menuVertical > ul > li > a {
    font-size: 12px;
  }

  .sect-about {
    padding-right: 9%;
    padding-left: 0;
  }

  .sect-about p {
    margin-bottom: 6%;
  }

  .page-service.text-white h4 {
    margin-bottom: 3%;
  }

  .sect-about .btn-more {
    margin-top: 0;
  }

  .sect-about.about-page {
    padding-top: 0;
    padding-right: 8%;
    padding-left: 8%;
  }

  .sect-about h2,
  .content-banner h6,
  .sect-about h1 {
    line-height: inherit;
  }

  h3.managerHeader {
    top: -170px;
    font-size: 24px;
  }

  .text-head h2 {
    font-size: 28px;
  }

  .page-service {
    padding-top: 3%;
  }

  .page-service.pt-8 {
    padding-top: 8%;
  }

  .text-big {
    font-size: 38px;
  }
  
  .sect-mission2 {
    padding: 6% 8%;
    padding-bottom: 0;
}
 
  .blog-page-contact .icon-about {
    width: 50px;
    margin-bottom: 1rem;
  }

  .container {
    width: 95%;
    padding: 0;
  }

  .sect-mission ul {
    padding: 7% 2%;
  }

  .blog-about ul {
    width: 100%;
  }

  /*.tabs-port video {
  height: 184px !important;
}*/

  .img-port img {
    height: 190px;
    object-fit: cover;
  }
  
  .form-get {
       margin-top: 12%;
        padding-left: 5%;
  }
  
    .form-get2 {
    margin-top: 24%;
  }

  div#formdisplay67dd16ed8a2ad70013fcc99f .form-control,
  div#formdisplay67f7419640a7ad001a4d60dd .form-control,
  div#formdisplay680a1bf16f01b6001a227baa .form-control,
  div#formdisplay682416456457da00135924fc .form-control{
    height: 30px;
  }

  .sect-count ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }

  .banner-overlay img {
    height: 300px;
  }

  .overlay-video {
    display:none;
  }

  .content-banner h1 {
    font-size: 56px;
  }

  .content-video video {
    height: 110vh !important;
    object-fit: cover;
  }

  div#background67f73e8e08a187001a970cbf .text-service p, 
  div#background67f73e9c8c3f71001aaf49a6 .text-service p {
    margin: 0;
  }

  div#background67f73e8e08a187001a970cbf .head-service, 
  div#background67f73e9c8c3f71001aaf49a6 .head-service {
    grid-template-columns: 49px auto;
    min-height: 55px;
  }
  
  div#background680e3af6675af200133b663c {
    margin-bottom: -90px;
}
  
  div#background67f73e8e08a187001a970cbf .blog-service, 
  div#background67f73e9c8c3f71001aaf49a6 .blog-service {
    padding: 5% 3%;
}
  
  div#background67f73e9c8c3f71001aaf49a6 {
    margin-bottom: -126px;
  }
  
  div#background67c03c34ac41820013cdb89e .blog-service,
  div#background67c03c2dac41820013cdb887 .blog-service,
  div#background67c1315fd4b5fa0013f60780 .blog-service,
  div#background67c131577eb3dd0013672524 .blog-service{
    min-height: 300px;
}
  
  .vision-more br {
    display: none;
}
  
  .history-about {
    padding-top: 0;
  }
  
  div#background681da482d4656e0013f0407e .blog-service, 
  div#background681da436d4656e0013f04065 .blog-service {
    min-height: 455px;
}
  
  div#background681dab7af89e5f0013d04f5a .blog-service {
    min-height: 520px;
}
  
  .paramita-01 {
    left: -145px;
    margin-bottom: 1rem;
    margin-top: -1rem;
}
  
  .paramita-02 {
    left: -85px;
    margin-bottom: 2rem;
    margin-top: 2rem;
}
  
  .paramita-03 {
    left: -30px;
    margin-bottom: 2rem;
}
  
  .paramita-04 {
    left: 30px;
    margin-bottom: 1.5rem;
}
  
  .paramita-05 {
    left: 80px;
}
  
  .text-team p {
    min-height: 60px;
    padding: 2% 4% !important;
}
}

@media screen and (max-width: 900px) {


 .menuVertical , div#contentnewmode67c020d5d4b5fa0013f5f789,
  br, div#background67f64dc540a7ad001a4d557a {
    display: none;
  }

  .content-banner h4 {
    font-size: 30px;
  }

  .content-banner h4 br,
  .sect-serive h6 br,
  .sect-slogan h6 br,
  .sect-slogan p br,
  .sect-serive br{
    display: block;
  }


  .blog-about ul {
    margin-top: -55px;
    width: 100%;
  }

  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 28px;
  }

  h4,
  h3.managerHeader {
    font-size: 25px;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 18px;
  }

  .icon-about {
    width: 50px;
    margin-bottom: 2rem;
  }

  .text-big, .text-head h2  {
    font-size: 28px;
  }

  .social-team img {
    width: 15px !important;
  }

  .head-service {
    grid-template-columns: 40px auto;
    min-height: 65px;
    gap: 10px;
  }

  div#editor2 {
    display: none !important;
  }

  .form-get {
    margin-top: 10%;
    padding-right: 10%;
  }
    .form-get2 {
    margin-top: 10%;
    padding-right: 10%;
  }

  .pre-news h6 {
    min-height: 50px;
  }

  .text-portfolio h6,
  .pre-port h6 {
    font-size: 14px;
            font-weight: 500;
        padding: 0 5%;
  }

  .sect-mission li {
    grid-template-columns: 20% auto;
    gap: 15px;
  }

  .contact-page h6,
  .sect-serive,
  .news-detail,
  .form-first h3 {
    margin-bottom: 5%;
  }

  .sect-target li {
    min-height: unset;
  }

  .pre-port {
    padding: 4% 0 5%;
  }

  .pre-news h6 {
    line-height: 24px;
  }

  div#Contentmanager .col-md-6.pull-left,
  div#Contentmanager .col-md-6.pull-right {
    width: 50%;
  }

  .pe-5 {
    padding-left: 3%;
  }

  .sect-target h5, .sect-slogan h3 {
    margin-bottom: 1rem;
  }

  .content-banner h6,
  .pre-news h6,
  .sect-about p,
  .text-service p,
  .page-service p,
  .news-detail p,
  .sect-slogan p, 
  .vision-more p,
  .analyze-company p{
    line-height: inherit;
  }

  div#background67c17940f3f312001364729e,
  div#background67c179e226404e0013a3c0d1,
  div#background67ce49d5f0e08f0013b0db97{
    display: none;
  }

  /*div#background67c042f8ac41820013cdbafc .imgLightbox img {
  filter: unset;
}*/

  .page-service {
    padding-top: 0;
  }
  
  .analyze-company.page-service.pt-5 {
    padding-top: 3%;
}

  .text-coming {
    flex-wrap: wrap;
    gap: 20px;
  }

  .text-coming > div {
    gap: 10px 40px;
  }

  .text-coming3 h3 {
    margin-bottom: 5%;
  }

  .text-coming2 {
    margin: 8% 0;
  }


  .blog-page-contact .icon-about {
    width: 45px;
  }

  .contact-page p, .contact-page h3 {
    margin-bottom: 5%;
  }

  .content-video video {
    height: 95vh !important;
    object-fit: cover !important;
  }

  .sect-about {
    padding-top: 0;
  }

  .text-banner br {
    display: block;
  }

  .text-head {
    padding-top: 50px;
  }

  .banner-overlay img {
    height: auto;
  }

  div#background67dcd81920a8b5001336703a .imgLightbox img {
    height: 300px;
    object-fit: cover;
  }

  .TabItpContentLandingPage h6 {
    padding: 0 4%;
  }

  .img-port img {
    height: 150px;
  }

  /* .tabs-port video {
  height: 144px !important;
}*/

  div#formdisplay67dd16ed8a2ad70013fcc99f .col-md-6.col-sm-12,
  div#formdisplay67f7419640a7ad001a4d60dd .col-md-6.col-sm-12,
  div#formdisplay680a1bf16f01b6001a227baa .col-md-6.col-sm-12,
  div#formdisplay682416456457da00135924fc .col-md-6.col-sm-12{
    width: 50%;
    padding: 0 10px;
  }

  div#cookie67dd16ed8a2ad70013fcc99f,
  div#cookie67f7419640a7ad001a4d60dd{
    padding: 0 5%;
  }

  div#formdisplay67dd16ed8a2ad70013fcc99f,
  div#formdisplay67f7419640a7ad001a4d60dd,
  div#formdisplay680a1bf16f01b6001a227baa,
  div#formdisplay682416456457da00135924fc{
    padding: 8% 3%;
  }

  .social-footer img {
    width: 30px !important;
  }

  .footer.pe-20 {
    padding-left: 20%;
  }

  div#Component67c134a17f1bf500135a1b90 .imgLightbox img,
  div#Component67c1360bf3f3120013646638 .imgLightbox img,
  div#Component67c13625ac41820013cdc3df .imgLightbox img,
  div#Component67c13641ac41820013cdc405 .imgLightbox img,
  div#Component67c13662f3f3120013646654 .imgLightbox img,
  div#Component67dd3ef220a8b500133689d2 .imgLightbox img,
  div#Component67c1367f7f1bf500135a1bf6 .imgLightbox img,
  div#background67f62ce168a4f4001ad90b50 .imgLightbox img{
    height: 280px;
    object-fit: cover;
    object-position: center;
  }

  div#Component67c13625ac41820013cdc3df .imgLightbox img,
  div#Component67dd3ef220a8b500133689d2 .imgLightbox img,
  div#Component67c1367f7f1bf500135a1bf6 .imgLightbox img {
    height: 340px;
  }

  div#Component67c13662f3f3120013646654 .imgLightbox img {
    height: 380px;
  }

  h3.managerHeader {
    top: -160px;
  }

  div#cookie67c15790ac41820013cdc6f6 {
    padding-bottom: 5%;
  }

  div#ItopplusMainSidebar {
    background: #00000000;
  }

  .content-banner h1 {
    font-size: 46px;
    margin-bottom: 3%;
    padding: 0;
  }

  .text-banner p {
    margin-bottom: 8%;
  }

  .navbar-header {
    border-bottom: 1px solid #ddd !important;
  }

  .blog-about li {
    padding: 10%;
  }

  .sect-about .btn-more {
    margin-right: 0;
    padding: 1rem 1.5rem;
    position: static;
  }

  .sect-about p {
    padding-right: 0;
    margin-bottom: 2%;
  }

  div#background67e2871c0645020013554a10 .imgLightbox img,
  div#background67f639f68c3f71001aaf3ae0 .imgLightbox img,
  div#background67ce5377f0e08f0013b0dd35 .imgLightbox img{
    height: 340px;
    object-fit: cover;
  }

  div#background67f6360c08a187001a96fe60 .imgLightbox img, 
  div#background67f638dfc8f86a001a26b331 .imgLightbox img, 
  div#background67f639f68c3f71001aaf3aec .imgLightbox img{
    height: 420px;
    object-fit: cover;
  }

  .btnicondownload {
    font-size: 16px;
  }

  .page-service.pt-8 {
    padding-top: 0;
  }

  div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12 {
    width: 50%;
  }

  div#background67f63879c8f86a001a26b31b .imgLightbox img {
    height: 270px;
    object-fit: cover;
  }

  .text-about h6, .text-about p {
    margin-bottom: 7%;
  }

  div#cookie67dd16ed8a2ad70013fcc99f {
    font-size: 12px;
  }

  .form-get ul {
    margin-bottom: 8%;
  }

  .sect-about.about-page h3, .sect-about.about-page p {
    margin-bottom: 4%;
  }

  div#background67f73e8e08a187001a970cbf .text-service, 
  div#background67f73e9c8c3f71001aaf49a6 .text-service {
    min-height: 50px;
  }

  #formdisplay67f7419640a7ad001a4d60dd > div:nth-child(4) {
    padding-top: 0 !important;
  }

  .staggered-sub-grid {
    min-height: 170px;
  }

  .text-service p, .page-service p, .news-detail p, 
  .description p, .company-business p, .port-detail p,
  .text-banner p, .table-service>tbody>tr>td{
    line-height: inherit;
  }

  .port-detail p {
    margin-bottom: 2rem;
  }

  .img-news img {
    margin-bottom: 15px;
    padding: 0 7px;
  }
  .page-invest img {
    height: 660px;
    object-fit: cover;
  }
  
  div#background680e3af6675af200133b663c .none-middle-mid {
    display: flex;
    flex-wrap: wrap;
}
  
  div#background680e3af6675af200133b663c .col-md-3.col-sm-6.col-xs-12:nth-child(3) {
    order: 4;
}
  
  .sect-mission2 {
    padding: 18% 13%;
  }
  
  .sect-core ul {
    gap: 20px;
}
  
    .sect-core li:first-child {
        padding-top: 32%;
    }
  
  .main-timeline {
    width: 500%;
}
  
  .table-responsive {
    border: none;
}
  
      div#background67f73e9c8c3f71001aaf49a6 {
        margin-bottom: -153px;
    }
  
  .page-service.text-white.pt-new {
    padding-top: 28%;
}
  
  .page-service.text-white h3 {
    padding-top: 5%;
}
  
  div#background67c03c34ac41820013cdb89e .blog-service, 
  div#background67c03c2dac41820013cdb887 .blog-service, 
  div#background67c1315fd4b5fa0013f60780 .blog-service, 
  div#background67c131577eb3dd0013672524 .blog-service {
        min-height: 265px;
    }
  
      div#background681dab7af89e5f0013d04f5a .blog-service {
        min-height: 530px;
    }
  
  .paramita-text h6 {
    font-size: 16px;
    margin-bottom: 0;
}
  
      .paramita-01 {
        left: -90px;
        margin-bottom: 1rem;
        margin-top: -1rem;
        width: 110%;
    }
  
      .paramita-02 {
        left: -40px;
        margin-bottom: 2rem;
        margin-top: 1rem;
    }
  
      .paramita-03 {
        left: 0;
        margin-bottom: 1rem;
    }
  
      .paramita-04 {
        left: 35px;
        margin-bottom: 1rem;
    }
  
  .text-team {
    padding: 8% 5%;
    min-height: 200px;
}
  
      .text-team p {
        min-height: unset;
        padding: 4% !important;
    }
  
  div#cookie68243561705e890013d3d4c0 {
    text-align: left;
    padding: 0 0 6% !important;
}
  
  div#background6823fc08ad8a000013b039b3 .thumbs {
    padding: 0 !important;
}
}

@media screen and (max-width: 480px) {
  .content-banner h4 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 6%;
  }

  .content-banner h6 {
    font-size: 14px;
    margin-bottom: 8%;
    line-height: 24px;
  }

  .content-video video {
    height: auto !important;
  }

  .bg-video {
    background: #000;
  }

  .blog-about ul {
    margin-top: 5%;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  /*
  .icon-about {
  width: 100%;
  margin: 0;
}

  .blog-about li {
  padding: 7% 5%;
  display: grid;
  grid-template-columns: 20% auto;
  align-items: center;
  text-align: left;
  gap: 15px;
}*/

  .text-about h6 {
    margin-top: 0;
    font-size: 18px;
  }

  .content-banner h4 br,
  .sect-serive h6 br,
  .sect-slogan h6 br {
    display: none;
  }

  .sect-about,
  .news-detail {
    padding: 0;
  }

  .sect-about p {
    text-align: left;
  }

  .sect-about .btn-more {
    margin-left: 0;
    margin-bottom: 15%;
  }

  .sect-about p,
  .sect-about h4,
  .sect-slogan h6 {
    margin-bottom: 6%;
  }

  div#imagesControl67c0378726404e0013a3a7da,
  div#imagesControl67c17940f3f312001364729e,
  div#imagesControl67c0490f26404e0013a3aea8,
  div#mainmenu67c11cda26404e0013a3b0d3 > div,
  div#imagesControl67c179e226404e0013a3c0d1,
  div#imagesControl67c137257f1bf500135a1c2d,
  div#imagesControl67ce49d5f0e08f0013b0db97,
  div#contentnewmode67c020f0ac41820013cdb22f,
  div#contentnewmode67c020f7ac41820013cdb23a,
  div#contentnewmode67c020ff7f1bf500135a0b14,
  div#contentnewmode67c021047f1bf500135a0b1d,
  div#contentnewmode67c021087f1bf500135a0b26,
  div#mainmenu67c022ebf3f31200136454d2 > div,
  div#imagesControl67ce5377f0e08f0013b0dd35,
  div#imagesControl67dcd81920a8b5001336703a,
  div#mainmenu67dd16ed8a2ad70013fcc99f > div,
  div#form67dd16ed8a2ad70013fcc99f,
  div#imagesControl67c134a17f1bf500135a1b90,
  div#imagesControl67c1360bf3f3120013646638,
  div#imagesControl67c13625ac41820013cdc3df,
  div#imagesControl67c13641ac41820013cdc405,
  div#imagesControl67c13662f3f3120013646654,
  div#imagesControl67c1367f7f1bf500135a1bf6,
  div#imagesControl67e2871c0645020013554a10,
  div#imagesControl67f64dc540a7ad001a4d557a,
  div#imagesControl67f62ce168a4f4001ad90b50,
  div#imagesControl67f6360c08a187001a96fe60,
  div#imagesControl67f63879c8f86a001a26b31b,
  div#imagesControl67f638dfc8f86a001a26b331,
  div#imagesControl67f639acc8f86a001a26b338,
  div#imagesControl67f639f68c3f71001aaf3ae0,
  div#imagesControl67f639f68c3f71001aaf3aec,
  div#imagesControl67f639f68c3f71001aaf3af7,
  div#tabcateTitle67c13d05f3f3120013646796,
  div#tabcateTitle67c15228f3f31200136468bf,
  div#tabcateTitle67c152ee26404e0013a3b898,
  div#tabcateTitle67c153fcac41820013cdc5ed,
  div#tabcateTitle67f62705c8f86a001a26b05e,
  div#tabcateTitle67c154f5f3f3120013646943,
  div#tabcateTitle67c155117eb3dd001367290f,
  div#mainmenu67c15b397eb3dd0013672a9d>div,
  div#imagesControl67f7382a08a187001a9709e3,
  div#contentnewmode67f73e778c3f71001aaf499c,
  div#mainmenu67f7419640a7ad001a4d60dd>div,
  div#form67f7419640a7ad001a4d60dd,
  div#mainmenu67f788aa4c28410013755be5>div,
  div#mainmenu67f88f1906813c0013a9ba0d>div,
  div#mainmenu67f88de09e8333001303a9ea>div,
  div#mainmenu67f88f81b732b5001398089c>div,
  div#mainmenu680e3430d9076a0013655aad>div,
  div#mainmenu680e4471675af200133b6718>div,
  div#mainmenu680e3af6675af200133b663c>div,
  div#mainmenu681d9aca155f140012fcf71a>div,
  div#imagesControl681da325155f140012fcf94c,
  div#imagesControl681db003ca10d100139ee8d9,
  div#imagesControl681dc30886665800139415dd,
  div#background6823fc08ad8a000013b039b3 .thumbs,
  div#imagesControl6823fc08ad8a000013b039b3,
  div#imagesControl682401a0452971001362ca42{
    padding: 0 !important;
  }

  .sect-about {
    margin-top: 3%;
  }

  div#background67c17940f3f312001364729e,
  div#background67c179e226404e0013a3c0d1,
  div#background67ce49d5f0e08f0013b0db97 {
    display: block;
  }

  .CASS-B-middle-mid {
    gap: 25px;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: -20px;
    padding: 0;
  }

  .blog-service {
    padding: 8%;
  }

  div#formdisplay67dd16ed8a2ad70013fcc99f,
  div#formdisplay67f7419640a7ad001a4d60dd,
  div#formdisplay680a1bf16f01b6001a227baa,
  div#formdisplay682416456457da00135924fc{
    padding: 10% 6%;
  }

  .head-service {
    min-height: unset;
    margin-bottom: 4%;
    display: block;
  }

  .pt-8.sect-serive,
  .pt-8.head-page {
    padding-top: 12%;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 26px;
  }

  h4 {
    font-size: 24px;
  }

  h5,h3.managerHeader,
  .head-service h6 {
    font-size: 20px;
  }

  .sect-slogan {
    padding: 15% 0;
  }

  div#background67c0490f26404e0013a3aea8 .col-md-4.col-sm-4.col-xs-12,
  div#background67c137257f1bf500135a1c2d .col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
  }

  h6 {
    font-size: 18px;
  }

  .sect-slogan h2,
  .text-about p,
  .TabItpContentLandingPage > ul {
    margin-bottom: 5%;
  }

  .sect-count ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 45px;
    padding: 10% 0 12%;
  }

  .sect-count h6{
    font-size: 14px;
  }

  .pre-news h6 {
    font-size: 16px;
  }

  div#ItopplusMainSidebar {
    width: 80%;
  }

  .template1 {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 5px;
  }

  div#contentnewmode67c042caac41820013cdbad7 .pt-8.sect-serive {
    padding-top: 15%;
  }

  div#background67c042f8ac41820013cdbafc .col-md-3.col-sm-4.col-xs-12,
  div#background67ce556ce2aecd0013aadd79 .col-md-3.col-sm-4.col-xs-12 {
    width: 16%;
    padding: 0 !important;
  }

  .sect-mission ul {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
    padding: 15% 4%;
  }

  .sect-mission li {
    padding: 8% 5%;
  }

  .sect-target {
    padding: 0 3%;
  }

  .sect-target ul {
    margin-top: 8%;
  }

  .sect-target ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .tabs-port {
    grid-template-columns: repeat(1, 1fr);
  }

  .sect-target li {
    min-height: unset;
  }
  
  .table-bg-black td {
    font-size: 14px !important;
}

  .sect-target img {
    width: 45% !important;
    margin-bottom: 9%;
  }

  .sect-target li:nth-child(4),
  .sect-target li:nth-child(5) {
    background: #000;
    color: #fff;
  }

  .sect-target li:nth-child(4) img,
  .sect-target li:nth-child(5) img {
    filter: brightness(0) saturate(100%) invert(77%) sepia(31%) saturate(2168%) hue-rotate(357deg) brightness(101%) contrast(107%);
  }

  .sect-target li:nth-child(4) {
    background: #000;
    color: #fff;
  }

  .sect-target li:nth-child(3),
  .sect-target li:nth-child(6) {
    background: #ffc501;
    color: #000;
  }

  .sect-target li:nth-child(3) img,
  .sect-target li:nth-child(6) img {
    filter: brightness(0) saturate(100%);
  }

  div#background67c1315fd4b5fa0013f60780 .CASS-B-middle-mid,
  div#background67c131577eb3dd0013672524 .CASS-B-middle-mid,
  div#background67f73e8e08a187001a970cbf .CASS-B-middle-mid, 
  div#background67f73e9c8c3f71001aaf49a6 .CASS-B-middle-mid,
  .page-service,
  .sect-about.about-page,
  .contact-page {
    padding: 0;
  }

  .Contenemanager-gallery .col-xs-6.col-md-3 {
    width: 100%;
    padding: 0 4%;
  }

  .port-detail hr {
    margin-bottom: 7%;
  }

  div#formdisplay67dd16ed8a2ad70013fcc99f .col-md-6.col-sm-12,
  div#formdisplay67f7419640a7ad001a4d60dd .col-md-6.col-sm-12,
  div#formdisplay680a1bf16f01b6001a227baa .col-md-6.col-sm-12,
  div#formdisplay682416456457da00135924fc .col-md-6.col-sm-12{
    width: 100%;
    padding: 0 !important;
  }

  .head-page h3 {
    font-size: 26px;
    margin-bottom: 4%;
  }

  .port-detail h4 {
    line-height: inherit;
  }

  .contact-page {
    padding-top: 0;
    padding-bottom: 8%;
  }

  div#Contentmanager .col-md-6.pull-left,
  div#Contentmanager .col-md-6.pull-right {
    width: 100%;
    padding: 0;
    float: none !important;
  }

  .ITPcookiebar {
    padding: 3% 2%;
    display: flex !important;
  }

  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
  }

  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }

  .ITPcookieLeftText span {
    font-size: 12px;
  }

  div#cookie67c15790ac41820013cdc6f6 {
    padding: 3% 0 8%;
  }

  .content-banner {
    top:0;
    left: 0;
    transform: none;
    padding: 0 6%;
  }

  div#background67ce49d5f0e08f0013b0db97 figure img {
    height: 520px;
    object-fit: cover;
  }

  .blog-about {
    margin-top: -100px;
    padding: 0 3%;
  }

  div#background67ce49d5f0e08f0013b0db97 .carousel-control {
    display: none;
  }

  .head-service img {
    width: 18% !important;
    margin-bottom: 0;
  }

  .head-service h6 {
    font-size: 18px;
    margin: 3% 0;
  }

  .footer {
    margin-bottom: 7%;
  }

  .footer h6, div#contentnewmode67f73e778c3f71001aaf499c {
    margin-bottom: 3%;
  }

  .social-footer img {
    width: 30px !important;
  }

  div#background67ce49d5f0e08f0013b0db97 .bg-video {
    position: relative;
  }

  .text-banner p {
    line-height: 22px;
  }

  div#background67dcd81920a8b5001336703a .imgLightbox img,
  div#background67ce5377f0e08f0013b0dd35 .imgLightbox img,
  div#Component67c134a17f1bf500135a1b90 .imgLightbox img,
  div#Component67c1360bf3f3120013646638 .imgLightbox img,
  div#Component67c13625ac41820013cdc3df .imgLightbox img,
  div#Component67c13641ac41820013cdc405 .imgLightbox img,
  div#Component67c13662f3f3120013646654 .imgLightbox img,
  div#Component67dd3ef220a8b500133689d2 .imgLightbox img,
  div#Component67c1367f7f1bf500135a1bf6 .imgLightbox img,
  div#background67e2871c0645020013554a10 .imgLightbox img,
  div#background67f62ce168a4f4001ad90b50 .imgLightbox img,
  div#background67f639f68c3f71001aaf3ae0 .imgLightbox img,
  div#background67f6360c08a187001a96fe60 .imgLightbox img, 
  div#background67f638dfc8f86a001a26b331 .imgLightbox img, 
  div#background67f639f68c3f71001aaf3aec .imgLightbox img{
    height: auto;
  }

  .pt-5.sect-serive,
  div#contentnewmode67c020de7eb3dd0013671453 .pt-5 {
    padding-top: 12%;
  }

  .TabItpContentLandingPage > ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .form-get {
    margin: 0;
    padding: 0 0 10%;
    background: #fff;
    color: #000;
  }

  .form-get2 {
    margin: 0;
    padding: 0 0 10%;
 
  }
  .sect-contact,
  .footer {
    text-align: center;
  }

  .social-footer {
    justify-content: center;
    margin-top: 8%;
  }

  .footer.pe-20 {
    text-align: left;
    padding: 0;
  }

  .banner-overlay img {
    height: 43vh;
  }

  .text-head {
    padding: 0 3%;
    padding-top: 45px;
  }

  .blog-about.blog-page-about,
  .blog-about.blog-page-contact {
    margin: 9% 0;
  }

  div#background67f73e8e08a187001a970cbf .blog-service, 
  div#background67f73e9c8c3f71001aaf49a6 .blog-service {
    padding: 6%;
  }

  .company-business {
    padding: 12% 0;
  }

  .main-timeline .timeline-year {
    margin-left: 0;
    margin-bottom: 5%;
            font-size: 14px;
        top: -20px;
  }

  .main-timeline .timeline:nth-child(odd) .title,
  .main-timeline .timeline:nth-child(odd) .description {
    text-align: left;
  }

  .text-head h2 {
    line-height: inherit;
    font-size: 22px;
  }

  .sect-serive {
    padding-left: 5%;
    padding-right: 5%;
  }

  div#background67c137257f1bf500135a1c2d {
    padding: 0 4%;
  }

  .blog-about.blog-page-contact {
    padding: 0 2%;
  }

  .row.Contenemanager-gallery {
    column-count: 1;
    padding: 0 2%;
  }

  .blog-about li {
    padding: 8% 6%;
  }

  .contact-call {
    margin-bottom: 12%;
  }

  .form-get a {
    color: #000;
  }

  .icon-footer img {
    display: block;
    width: 18px !important;
  }

  .icon-footer {
    gap: 10px;
    margin-bottom: 3%;
    justify-content: center;
  }
  .sect-core {
    padding: 10% 0;
  }

  .sect-core ul {
    margin-top: 8%;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    padding: 0 4%;
  }

  .text-big {
    font-size: 30px;
  }
  .btnicondownload {
    font-size: 13px;
    padding: 5px 10px;
    gap: 10px;
  }

  .content-banner h1 {
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 8%;
  }

  .text-banner br {
    display: none;
  }

  div#Contentmanager .col-md-12.text-justify {
    padding: 0 2%;
  }

  .text-service {
    min-height: unset;
  }

  .sect-slogan h6 {
    font-weight: 400;
    font-size: 16px;
    margin: 0;
  }

  .TabItpContentLandingPage h6 {
    font-size: 12px;
    padding: 0;
  }

  .TabItpContentLandingPage > ul > li:nth-child(even)::before,
  div#Component67dd21f0567cdf00131d63b4, .sect-serive br,
  div#contentnewmode681dc47a6457da001358f18c{
    display: none;
  }

  .CASS-E-border, div#background67f6360c08a187001a96fe60,
  div#background67f638dfc8f86a001a26b331,
  div#background67f639f68c3f71001aaf3aec,
  div#background67f73e9c8c3f71001aaf49a6 .col-md-4.col-sm-4.col-xs-12,
  div#background67e2871c0645020013554a0c .col-md-6.col-sm-6.col-xs-12:nth-child(1), 
  div#background67ce5377f0e08f0013b0dd31 .col-md-6.col-sm-6.col-xs-12:nth-child(1),
  div#background67e2871c0645020013554a0c .col-md-6.col-sm-6.col-xs-12:nth-child(2), 
  div#background67ce5377f0e08f0013b0dd31 .col-md-6.col-sm-6.col-xs-12:nth-child(2){
    width: 100%;
  }

  .page-service li::before,
  .port-detail li::before{
    height: 15px;
    width: 15px;
    top: 0;
  }

  .page-service ol, .page-service ul {
    margin-top: 2rem;
  }

  .page-service h4, .page-service h6, .page-service p {
    margin-bottom: 5%;
  }

  .page-service.text-white {
    margin-bottom: 5%;
  }

  .pt-8 {
    padding-top: 10%;
  }

  div#background67f73e8e08a187001a970cbf .text-service, div#background67f73e9c8c3f71001aaf49a6 .text-service {
    min-height: unset;
  }

  div#background67f73e9c8c3f71001aaf49a6 .CASS-B-middle-mid {
    display: grid;
  }

  .staggered-grid {
    column-count: 1;
    --webkit-column-count: 1;
    --moz-column-count: 1;
    gap: 20px;
  }

  .staggered-card-grid > .caption {
    min-height: 50px;
  }

  .pre-port {
    padding: 3% 0 4%;
  }

  .staggered-sub-grid {
    min-height: unset;
  }

  .Contenemanager-gallery .col-xs-6.col-md-3 {
    padding: 0;
  }

  #background67c11cdb26404e0013a3b0de .row.Contenemanager-gallery > div:nth-child(3), 
  #background67c11cdb26404e0013a3b0de .row.Contenemanager-gallery > div:nth-child(3) {
    top: 0;
  }

  div#contentnewmode67c141237eb3dd001367276f .pt-5 {
    padding-top: 10%;
  }

  .img-news img {
    padding: 0;
  }

  .blog-page-contact .icon-about {
    width: 45px;
    margin-bottom: 1.5rem;
  }

  p, .pre-news h6, .sect-serive h6 {
    font-size: 13px;
  }

  .text-about h6, .text-about p {
    margin-bottom: 4%;
  }

  .text-about p {
    min-height: unset;
  }

  .text-about p br {
    display: block;
  }

  .pre-news h6 {
    min-height: unset;
  }

  .sect-about.about-page {
    margin-bottom: 10%;
  }

  .sect-serive h3,.news-detail p, .text-service p {
    margin-bottom: 1rem;
  }

  .table-responsive {
    border: none !important;
  }

  div#background67f73e8e08a187001a970cbf .head-service, 
  div#background67f73e9c8c3f71001aaf49a6 .head-service {
    grid-template-columns: 49px auto;
    min-height: unset;
    margin-bottom: 0;
  }

  .itopplus-sidebar-menu-parent a, 
  .itopplus-sidebar-menu-single a {
    font-size: 14px;
    font-family: "Poppins","Noto Sans Thai", serif;
    text-transform: uppercase;
  }

  h3.managerHeader {
    top: -22vh;
  }

  .port-detail .col-md-6 {
    padding-right: 0 !important;
  }

  .page-invest img {
    height: 285px;
  }

  .page-coming {
    padding: 10% 5% 5%;
  }

  .text-coming{
    gap: 20px;
  }
  .text-coming > div{
    gap: 10px;
  }

  .text-coming2 {
    margin: 10% 0;
  }

  .text-coming3 h3 {
    margin-bottom: 7%;
  }

  div#Component67f7893c1afbd5001351cef3 {
    width: 100%;
    position: static;
    padding: 0 2%;
  }

  .port-detail h3 {
    font-size: 20px;
  }

  .social-share {
    top: 0;
  }
  .count-value.plus {
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 36px;
  }
  .btn-more {
    margin: 0 auto;
  }

  span.input-group-btn {
    text-align: center;
  }

  div#contentnewmode68061ebfbf32190013d8cbb2 .page-service.text-white.pt-8 {
    padding-top: 10%;
    margin-bottom: 3%;
  }
  
  div#mainmenu680e3430d9076a0013655aad .none-middle-mid, 
  div#mainmenu680e4471675af200133b6718 .none-middle-mid,
  div#mainmenu681d9aca155f140012fcf71a .none-middle-mid{
    flex-wrap: wrap-reverse;
}
  
  .sect-about.about-page {
    padding: 0 6%;
}
  
      .sect-mission2 {
        padding: 7% 10% 10%;
        min-height: 170px;
    }
  
      div#background680e3af6675af200133b663c .col-md-3.col-sm-6.col-xs-12:nth-child(3) {
        order: unset;
    }
  
  .img-miss img {
    height: 180px;
    object-fit: cover;
}
  
      div#mainmenu680e3af6675af200133b663c {
        width: 95%;
        margin: 10% auto;
    }
  
      .sect-core li:first-child {
              padding: 0;
        margin-bottom: 3%;
    }
  
      .main-timeline {
        width: 1000%;
    }
  
  .main-timeline .timeline-content {
    padding: 10% 7%;
}
  
  table#tableB thead {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
  
  table#tableB thead tr {
    padding: 4%;
}
  
  .pt-5 {
    padding-top: 8%;
}
  
      div#background67c03c34ac41820013cdb89e .blog-service, 
  div#background67c03c2dac41820013cdb887 .blog-service,
  div#background67c1315fd4b5fa0013f60780 .blog-service, 
  div#background67c131577eb3dd0013672524 .blog-service,
  div#background681da482d4656e0013f0407e .blog-service, 
  div#background681da436d4656e0013f04065 .blog-service,
  div#background681dab7af89e5f0013d04f5a .blog-service{
        min-height: unset;
    }
  
  div#background681da482d4656e0013f0407e .col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
}
  
  .vision-more {
    padding: 15% 4%;
}
  
  .vision-more p, .vision-more h4 {
    text-align: left !important;
}
  
  .history-items {
    padding-left: 20px;
}
  
  .table-service>thead>tr>th {
    font-size: 12px;
}
  
  .table-service>tbody>tr>td {
    font-size: 12px;
    padding: 10px !important;
}
  
  div#background67f73e9c8c3f71001aaf49a6 .CASS-B-middle-mid, 
  div#background681da482d4656e0013f0407e .CASS-B-middle-mid {
    flex-wrap: wrap;
}
  
  .items-object {
    width: 100%;
    margin: 0 3%;
    min-height: 100px;
}
  
  .blog-business {
    gap: 20px;
}
  
  .objective-business h5 {
    margin-bottom: 2rem;
}
  
  .analyze-company .col-md-6.col-sm-6 {
    padding: 0 !important;
}
  
  .company-chart {
    flex-wrap: wrap;
        gap: 0;
}
  
  .text-chart01, .text-chart03 {
    margin-bottom: 0;
}
  
  .text-chart01, .text-chart02 {
    text-align: left;
}
  
  .items-chart:nth-child(1) {
    order: 1;
}
  
.items-chart:nth-child(2) {
    order: 0;
}
  
  .items-chart h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
  
  .items-object {
    padding: 5%;
}
  
  .paramita-01, .paramita-02, .paramita-03, .paramita-04, .paramita-05 {
    left: 0;
    margin: 0;
    margin-bottom: 2rem;
}
  
      .text-team {
        padding: 5%;
        min-height: unset;
    }
  
      .analyze-company.page-service.pt-5 {
        padding-top: 6%;
    }
  
  .table-service>thead>tr>th {
    padding: 10px;
}
  
  div#InmyDiv1747198750225 {
    margin-bottom: 7%;
}
  
      .text-team p {
        padding: 2% 4% !important;
    }
}

@media screen and (max-width: 375px) {
  .content-banner h4 {
    font-size: 30px;
    line-height: 40px;
  }
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: transparent !important;
}


#tableA {
  width: 100%;
}
#tableA th {
  background-color: #ed1f28;
  padding: 10px;
  color: #ffffff;
  border: 1px solid #fff;
  font-weight: 400;
  text-align: center;
}
#tableA td {
  border: 1px solid #fff;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

#tableA tr:nth-child(odd) {
  background-color: #f2f2f2;
}
#tableA tr:hover {
  background-color: #dddddd;
}
#tableA .btnicondownload {
  grid-template-columns: auto 30px;
}


#tableB {
  width: 100%;
}
#tableB th {
  padding: 10px;
  border-bottom: 1px solid #eee;
  font-weight: 400;
  background: #333;
  color: #fff;
  vertical-align: middle;
}
#tableB td {
  vertical-align: middle;
      width: 100%;
}