html {
  font-size: 14px;
}
@font-face {
  font-family: "IBMPlexSansThai-Regular";
  src: url("fonts/IBMPlexSansThai-Regular.eot");
  src:
    url("fonts/IBMPlexSansThai-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/IBMPlexSansThai-Regular.woff") format("woff"),
    url("fonts/IBMPlexSansThai-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "IBMPlexSansThai-Medium";
  src: url("fonts/IBMPlexSansThai-Medium.eot");
  src:
    url("fonts/IBMPlexSansThai-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/IBMPlexSansThai-Medium.woff") format("woff"),
    url("fonts/IBMPlexSansThai-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  cursor: default;
  position: relative;
  line-height: 1.5;
  font-size: 1rem;
  font-family: "IBMPlexSansThai-Regular";
}
ul {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  /*cursor: pointer;*/
  color: inherit;
}

#nav-icon3 {
  z-index: 56;
  width: 35px;
  height: 25px;
  position: relative;
  top: 0rem;
  right: 0;
  left: auto;
  margin: 0px 0;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  box-shadow: none;
  background: none;
  border: none;
}
#nav-icon3 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 60%;
  background: #fff;
  border-radius: 6px;
  opacity: 1;
  right: 0%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
  top: 0;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 10px;
  width: 100%;
}
#nav-icon3 span:nth-child(4) {
  top: 20px;
}
#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 80%;
}
#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 80%;
}
#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
/*#nav-icon3.open{
	top: -1.5rem;
    right: .0rem;
}*/
/*///////////Start-Header///////////////*/
.fullotherpage .headbar-main {
  position: sticky;
  background: #181818;
}
.headbar-main {
  padding: 0.75rem 0;
  display: block;
  transition: all 0.6s;
  background: -webkit-linear-gradient(
    rgba(0, 0, 0, 0.92) 0%,
    rgba(207, 207, 207, 0) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    rgba(0, 0, 0, 0.92) 0%,
    rgba(207, 207, 207, 0) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    rgba(0, 0, 0, 0.92) 0%,
    rgba(207, 207, 207, 0) 60%,
    rgba(255, 255, 255, 0) 100%
  );
}
.slim.headbar-main {
  background: -webkit-linear-gradient(
    rgba(24, 24, 24, 1) 0%,
    rgba(24, 24, 24, 1) 100%
  );
  background: -o-linear-gradient(
    rgba(24, 24, 24, 1) 0%,
    rgba(24, 24, 24, 1) 100%
  );
  background: linear-gradient(rgba(24, 24, 24, 1) 0%, rgba(24, 24, 24, 1) 100%);
}
.hamburgers-box {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headbar-main .row {
  margin: auto;
}
.navbar-brand {
  width: auto;
  text-align: left;
  color: #fff;
  margin: 0;
  padding: 0;
}
.navbar-brand img {
  width: 185px;
  transition: all 0.5s;
  margin: auto;
}
.navbar-collapse .navbar-brand {
  padding: 2rem 1rem;
  text-align: center;
  width: 100%;
  display: block;
}
.navbar-collapse .navbar-brand img {
  width: auto;
  max-width: 100%;
}
.navbar-nav li {
  padding: 0 30px;
  margin-bottom: 20px;
  position: relative;
  transition: all 0.5s;
  text-transform: uppercase;
}
.navbar-nav li a {
  padding: 8px 15px;
  display: block;
  text-align: left;
  text-decoration: none;
  transition: all 0.5s;
  position: relative;
  color: #fff;
  font-family: "IBMPlexSansThai-Medium";
}
.navbar-nav li.active a,
.navbar-nav a:hover {
  color: #f7941d;
}

/* Underline From Left */
.navbar-nav li .hvr-underline-from-left {
  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;
}
.navbar-nav li .hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #f7941d;
  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;
}
.navbar-nav li .hvr-underline-from-left:hover:before,
.navbar-nav li .hvr-underline-from-left:focus:before,
.navbar-nav li.active .hvr-underline-from-left:before {
  right: 0;
}

.social-header {
  text-align: center;
  margin: 2rem auto;
  padding: 0 15px;
}
.social-header img {
  width: 40px;
  filter: brightness(0) invert(1);
}
.social-header ul {
  list-style: none;
  text-align: left;
  color: #fff;
  padding: 0 30px;
  margin-bottom: 2rem;
}
.social-header ul li {
  margin-bottom: 0.5rem;
}
.social-header ul li a {
  display: inline-block;
}
.social-header a:hover {
  color: #fc0;
}
.language-box {
  display: none;
}
.language-mobile-show {
  position: absolute;
  right: 2rem;
  top: 1rem;
  padding: 0 1rem;
}
.language-mobile-show .dropdown-menu {
  padding: 0;
  border-radius: 5px;
  border: none;
  background: #181818;
  color: #fff;
  overflow: hidden;
  width: 100%;
  min-width: inherit;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}
.language-mobile-show .dropdown-menu a {
  display: block;
  text-align: center;
  padding: 10px;
}
.language-mobile-show .dropdown-menu a.active,
.language-mobile-show .dropdown-menu a:hover {
  color: #fff;
  background: #f7941d;
}
.language-box img,
.language-mobile-show img {
  width: 30px;
  filter: brightness(0) invert(1);
}

/*///////////End-Header///////////////*/

/*///////////Start-mainSlide///////////////*/
#carouselmainSlide .carousel-item video,
#carouselmainSlide .carousel-item source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#carouselmainSlide .carousel-item {
  transition: 1s;
  position: relative;
  height: 100vh;
  background: #000;
}
#carouselmainSlide .carousel-item.banner2 {
  /* background: url("../images/banner-2.png") center center no-repeat; */
  background-size: cover !important;
}
#carouselmainSlide .carousel-item.banner3 {
  /* background: url("../images/banner-3.png") center center no-repeat; */
  background-size: cover !important;
  background-attachment: fixed !important;
}
#carouselmainSlide .carousel-item.banner3 .imgbanner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: 0;
}
#carouselmainSlide .carousel-item.banner3 .imgbanner img {
  width: auto;
}
#carouselmainSlide .carousel-item.banner2 .logobanner {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 5%;
  z-index: 2;
  text-align: center;
}
#carouselmainSlide .carousel-item.banner2 .logobanner img {
  width: auto;
  margin: auto;
  max-width: 100%;
}
#carouselmainSlide .carousel-item img {
  width: 100%;
  object-fit: cover;
}

#carouselmainSlide .carousel-indicators {
  align-items: center;
  justify-content: center;
  z-index: 4;
}
#carouselmainSlide .carousel-indicators button {
  width: 12px;
  height: 12px;
  margin: 0 3px;
  opacity: 0.6;
  border: none;
  background: #fff;
  border-radius: 50%;
}
#carouselmainSlide .carousel-indicators button.active {
  opacity: 1;
}
.bannercaption {
  position: absolute;
  left: 10%;
  right: 10%;
  top: 50%;
  z-index: 3;
  color: #fff;
  text-align: center;
  transform: translate(0%, -50%);
  -webkit-animation: fadetop 0.5s linear both;
  animation: fadetop 0.5s linear both;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  line-height: 1;
}
.bannercaption p {
  text-transform: uppercase;
  font-size: 22px;
  margin-bottom: 0.5rem;
  text-shadow: 2px 3px 4px rgb(0 0 0 / 70%);
  font-family: "IBMPlexSansThai-Medium";
}
.bannercaption h1 {
  font-size: 45px;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
  font-family: "IBMPlexSansThai-Medium";
  text-shadow: 2.052px 5.638px 8px rgba(0, 0, 0, 0.48);
}
#carouselmainSlide .carousel-item.banner2 h1 {
  font-size: 30px;
  margin-bottom: 0.5rem;
  text-shadow: 2px 3px 4px rgb(0 0 0 / 50%);
}

#carouselmainSlide .carousel-item.banner3 .bannercaption {
  -webkit-animation: fadebottom 0.5s linear both;
  animation: fadebottom 0.5s linear both;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  top: 35%;
}

@-webkit-keyframes fadebottom {
  0% {
    transform: translate(0%, -50%) translateY(15px);
    opacity: 0;
  }
  100% {
    transform: translate(0%, -50%) translateY(0px);
    opacity: 1;
  }
}

@keyframes fadebottom {
  0% {
    transform: translate(0%, -50%) translateY(15px);
    opacity: 0;
  }
  100% {
    transform: translate(0%, -50%) translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fadetop {
  0% {
    transform: translate(0%, -50%) translateY(-15px);
    opacity: 0;
  }
  100% {
    transform: translate(0%, -50%) translateY(0px);
    opacity: 1;
  }
}

@keyframes fadetop {
  0% {
    transform: translate(0%, -50%) translateY(-15px);
    opacity: 0;
  }
  100% {
    transform: translate(0%, -50%) translateY(0);
    opacity: 1;
  }
}
/*///////////End-mainSlide///////////////*/

/*///////////Start-Content///////////////*/
.content-box {
  padding: 10% 0;
}
.img-box {
  text-align: center;
  overflow: hidden;
}
.img-box img {
  width: 100%;
  transition: all 0.6s;
}
.title-box {
  text-align: left;
  margin-bottom: 2rem;
}
.title-box h1 {
  color: #021b42;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-family: "IBMPlexSansThai-Medium";
}
.title-box h2 {
  font-size: 1.3rem;
  margin: 0.5rem 0;
  text-transform: uppercase;
}
.title-box ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.title-box ul li {
  width: auto;
  margin-right: 5px;
  opacity: 0.7;
}
.title-box ul span {
  color: #f00;
}
.title-box ul li.active {
  opacity: 1;
}
.title-box ul li a {
  padding-right: 5px;
  display: inline-block;
}

.text-policy {
  margin-bottom: 1rem;
}
.text-policy h1 {
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
}
.text-policy h2 {
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.text-policy h3 {
  font-size: 1rem;
  margin-bottom: 0;
}
.text-policy a:hover {
  color: #021b42;
}
.text-policy ul {
  list-style: none;
  padding-left: 3%;
  margin: 1rem auto;
}
.text-policy ul li {
  margin-bottom: 8px;
}
.text-policy .fa-circle {
  font-size: 9px;
  margin-right: 10px;
  vertical-align: middle;
}
.text-policy p {
  margin-bottom: 1rem;
  text-indent: 1%;
}
.detail-form span {
  color: #f00;
}
.detail-form {
  margin-bottom: 1rem;
}
.detail-form p {
  margin-bottom: 0.5rem;
}
.detail-form.verifyform p {
  font-size: 0.875rem;
}
.detail-form #captcha-refresh {
  cursor: pointer;
  color: #fff;
  font-size: 26px;
  vertical-align: middle;
  margin-right: 5px;
}
.detail-form span,
.detail-form p.red-text {
  color: #f00;
  display: initial;
}
.detail-form h1 {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.detail-form .custom-file-input,
.detail-form .custom-file {
  height: auto;
}
.form-text,
.custom-file-label {
  padding: 8px 15px;
  background-color: transparent;
  border: 1px solid #fff;
  width: 100%;
  color: #fff;
  border-radius: 0;
  height: auto;
  margin: 0;
  line-height: normal;
}
.form-text:focus {
  outline: none;
  box-shadow: none;
  border-color: #f7941d;
}
.form-text::placeholder {
  color: #898989;
}
.detail-form ul {
  list-style: none;
}
.detail-form ul li {
  padding-bottom: 5px;
}
.sendus-btn {
  width: 165px;
  padding: 8px;
  box-shadow: none;
  border: 1px solid #f7941d;
  color: #fff;
  background: #f7941d;
  margin: 0.5rem 0 0;
  cursor: pointer;
  transition: all 0.5s;
  border-radius: 30px;
  overflow: hidden;
}
.sendus-btn:hover {
  transform: scale(0.98);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.content-box.contactform {
  background: #181818;
}

.content-box.categoryhome {
  background: #1f1f1f;
}
.category-boxhome {
  text-align: center;
  margin-bottom: 1rem;
}
.category-boxhome img {
  width: auto;
  max-width: 100%;
  transition: all 0.5s;
}
.category-boxhome:hover img {
  transform: scale(1.05);
}
.category-boxhome h1 {
  font-size: 1.2rem;
  margin: 1rem 0;
  color: #fff;
  font-family: "IBMPlexSansThai-Medium";
}
.video-abouthome {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  margin: 1rem 0;
  aspect-ratio: 3/2;
}
.video-abouthome video,
.video-abouthome source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text-abouthome h1 {
  font-size: 24px;
  margin-bottom: 1rem;
  font-family: "IBMPlexSansThai-Medium";
}
.text-abouthome p {
  margin-bottom: 1rem;
}
.certificate-box {
  text-align: center;
  margin: 1rem auto;
}
.certificate-box h1 {
  font-size: 24px;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-family: "IBMPlexSansThai-Medium";
}
.certificate-box img {
  width: auto;
  max-width: 100%;
}

.readmore-btn {
  padding: 8px;
  text-align: center;
  color: #fff;
  background: #f7941d;
  border-radius: 30px;
  border: 1px solid #f7941d;
  overflow: hidden;
  margin: 1rem 0;
  width: 185px;
}
/* Bounce To Right */
.hvr-bounce-to-right {
  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.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -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.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
  color: #f7941d;
}
.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.content-box.prodctusfeathome {
  background: url("../images/bg-produts.png") center center no-repeat;
  background-size: cover !important;
  background-attachment: fixed !important;
}
.title-products {
  text-align: center;
  margin-bottom: 2rem;
}
.title-products h1 {
  font-size: 24px;
  margin: 0;
  font-family: "IBMPlexSansThai-Medium";
  color: #fff;
}
.title-products p {
  margin: 0;
}
.title-products img {
  width: auto;
  max-width: 70%;
  margin-bottom: 0.75rem;
}
.readmore-btn.readproduct {
  margin: 2rem auto 0;
}

.products-box {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid transparent;
  transition: all 0.6s;
  margin-bottom: 2rem;
  background-size: cover !important;
  /* background: url("../images/pro-bg-1.png") center center no-repeat; */
}
.products-box img {
  width: 100%;
  /* aspect-ratio:3/4;
	object-fit: scale-down; */
  transition: all 0.6s;
}
.products-box:hover {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.products-box:hover img {
  transform: scale(1.07);
}
.text-products {
  position: absolute;
  right: 0;
  bottom: 1rem;
  z-index: 1;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

.slideproductfeatured .slick-slide.slick-current.slick-active .products-box,
.products-box:hover {
  border-color: #f7941d;
}
.slideproductfeatured .slick-slide {
  margin: 5px;
}
.slideproductfeatured .slick-prev:before,
.slideproductfeatured .slick-next:before {
  display: none;
}
.slideproductfeatured .slick-prev,
.slideproductfeatured .slick-next {
  width: 45px;
  height: 45px;
  z-index: 1;
  background-size: 100% !important;
}
.slideproductfeatured .slick-prev {
  left: -1rem;
  background: url("../images/left-arrow.png") center center no-repeat;
}
.slideproductfeatured .slick-next {
  right: -1rem;
  background: url("../images/right-arrow.png") center center no-repeat;
}

.content-box.projectshome {
  background: #181818;
  padding: 0;
  position: relative;
}
.content-box.projectshome .tab-pane {
  height: 667px;
  padding: 5% 0 7%;
  align-content: flex-end;
  transition: all 0.3s;
}
.text-projects.menuprojects {
  position: absolute;
  top: 5rem;
  left: 0;
  right: 0;
  padding: 0 1rem;
  z-index: 2;
}

/* .content-box.projectshome #pills-project1{
	background: url("../images/bg-solar.png") center center no-repeat;
	background-size: cover !important;
}
.content-box.projectshome #pills-project2{
	background: url("../images/project-bg2.png") center center no-repeat;
	background-size: cover !important;
}
.content-box.projectshome #pills-project3{
	background: url("../images/project-bg3.png") center center no-repeat;
	background-size: cover !important;
} */
.text-projects {
  color: #fff;
}
.text-projects ul {
  list-style: none;
}
.text-projects ul li a {
  text-decoration: underline;
  transition: all 0.6s;
}
.text-projects ul li a.active,
.text-projects ul li a:hover {
  color: #f7941d;
}
.text-projects ul li {
  margin-bottom: 10px;
}
.text-projects p {
  margin-bottom: 5px;
}
.text-projects h1 {
  font-size: 20px;
  margin-bottom: 1rem;
}

.content-box.newshome {
  background: #181818;
}
.tabsnews .nav-pills {
  flex-wrap: wrap;
  color: #fff;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #fff;
}
.tabsnews .nav-pills li {
  width: auto;
  margin: auto;
}
.tabsnews .nav-pills li a {
  display: block;
  padding: 5px 20px;
  border-radius: 30px;
  overflow: hidden;
}
/* Sweep To Right */
.hvr-sweep-to-right {
  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;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f7941d;
  -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;
}

.tabsnews .nav-pills li a.hvr-sweep-to-right:hover,
.tabsnews .nav-pills li a.hvr-sweep-to-right:focus,
.tabsnews .nav-pills li a.active.hvr-sweep-to-right {
  color: white;
}

.tabsnews .nav-pills li a.hvr-sweep-to-right:hover:before,
.tabsnews .nav-pills li a.hvr-sweep-to-right:focus:before,
.tabsnews .nav-pills li a.active.hvr-sweep-to-right:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.news-box {
  margin-bottom: 1rem;
  color: #fff;
}
.news-box .img-box {
  margin-bottom: 1rem;
  border-radius: 10px;
  aspect-ratio: 2/2;
}
.news-box .img-box img {
  height: 100%;
  object-fit: cover;
}
.news-box:hover .img-box img {
  transform: scale(1.05);
}
.text-news h1 {
  font-size: 1rem;
  margin: 0;
}
.text-news p {
  font-size: 0.9rem;
  margin: 0;
}
.read-news {
  position: relative;
  margin: 1rem 0;
  padding: 8px;
  color: #f7941d;
}
.read-news::after {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: #341e92;
  z-index: 0;
  transition: all 0.6s;
  opacity: 0;
}
.read-news:hover::after {
  width: 160px;
  border-radius: 30px;
  opacity: 1;
}
.read-news a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}
.read-news img {
  width: 20px;
  margin: 0 5px;
  transition: all 0.6s;
  filter: invert(56%) sepia(97%) saturate(734%) hue-rotate(348deg)
    brightness(101%) contrast(94%);
}

.content-box.customerhome .title-products h1 {
  color: #000;
}
.items {
  margin: auto;
}
.customers-box {
  text-align: center;
  overflow: hidden;
  margin-bottom: 1rem;
  aspect-ratio: 3/2;
}
.customers-box img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  transition: all 0.6s;
}
.customers-box:hover img {
  filter: grayscale(100%);
  transform: scale(1.05);
}

.wheretobuy {
  text-align: center;
  position: relative;
  background: #fab234;
  border-radius: 10px;
  overflow: hidden;
  margin: 2rem auto 0;
  padding: 2rem 0 7rem;
}
.wheretobuy img {
  width: 100%;
  transition: all 0.6s;
}
.wheretobuy:hover img {
  transform: scale(1.05);
}
.textbuy {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 2rem;
  z-index: 1;
  color: #fff;
  text-align: center;
  transition: all 0.6s;
}
.textbuy h1 {
  font-size: 30px;
  margin-bottom: 1rem;
  transition: all 0.6s;
  text-transform: uppercase;
  font-family: "IBMPlexSansThai-Medium";
}
.textbuy img {
  width: 30px;
  filter: brightness(0) invert(1);
}
.wheretobuy:hover .textbuy img {
  transform: scale(1.03);
  filter: none;
}
.wheretobuy:hover .textbuy {
  color: #000;
}

@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
}
.hvr-icon-pulse-grow {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse-grow {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.wheretobuy:hover .hvr-icon-pulse-grow,
.hvr-icon-pulse-grow:focus,
.hvr-icon-pulse-grow:active {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.nav-pills#pills-projecttab {
  display: block;
}

.slidecustomers .slick-slide {
  margin: 0 10px;
}
/*.slidecustomers .slick-dots li button:before{display: none;}
.slidecustomers .slick-dots li button{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	opacity: .4;
	background: #000;
	margin: 0;
}
.slidecustomers .slick-dots li{
	width: auto;
	margin: 0 3px;
}
.slidecustomers .slick-dots li.slick-active button{opacity: 1;}*/
.slidecustomers .slick-list {
  padding: 0 1rem;
}
.slidecustomers .slick-prev:before,
.slidecustomers .slick-next:before {
  display: none;
}
.slidecustomers .slick-prev,
.slidecustomers .slick-next {
  width: 30px;
  height: 30px;
  z-index: 1;
  background-size: 100% !important;
  opacity: 0.4;
}
.slidecustomers .slick-next {
  right: 0;
  background: url("../images/right-arrow.png") center center no-repeat;
}
.slidecustomers .slick-prev {
  left: 0;
  background: url("../images/left-arrow.png") center center no-repeat;
}
.slidecustomers .slick-prev:hover,
.slidecustomers .slick-next:hover {
  opacity: 1;
}

.bannerpage {
  padding: 10% 0;
  color: #fff;
  background-size: cover !important;
}
.bannerpage .title-box {
  text-align: left;
  margin: 0;
}
.bannerpage .title-box ul {
  color: #fff;
}
.bannerpage .title-box h1 {
  color: #fff;
  margin: 0;
}
.bannerpage.aboutpage {
  background: url("../aboutus/images/bannerabout1.png") top center no-repeat;
}
.bannerpage.productspage {
  background: url("../productsandservices/images/bannerproducts.png") center
    center no-repeat;
}
.bannerpage.contactpage {
  background: url("../contactus/images/bannercontact.png") top center no-repeat;
}
.bannerpage.newsansblogpage {
  background: url("../newsandblogs/images/bannernews.png") center center
    no-repeat;
}
.bannerpage.wheretobuypage {
  background: url("../wheretobuy/images/bannerwtb.png") bottom center no-repeat;
}
.bannerpage.projectspage {
  background: url("../ourprojects/images/bannerprojects.png") center center
    no-repeat;
}

.navbar-nav li .dropdown-menu {
  padding: 0;
  border: none;
  border-radius: 0;
  background: #181818;
}
.navbar-nav li .dropdown-menu a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  text-align: left;
}
.navbar-nav li .dropdown-menu a img {
  display: none;
}
.navbar-nav li .dropdown-menu p {
  margin: 10px 0;
}
.navbar-nav li .dropdown-menu a:hover,
.navbar-nav li .dropdown-menu a.active {
  color: #f7941d;
}
.content-othrtpage {
  padding: 10% 0;
  background-size: cover !important;
}
.textaboutpage {
  margin-bottom: 2rem;
}
.textaboutpage h1 {
  font-size: 24px;
  margin-bottom: 0.5rem;
  font-family: "IBMPlexSansThai-Medium";
}
.textaboutpage p {
  text-indent: 3%;
  margin-bottom: 1rem;
}
.textaboutpage span {
  font-family: "IBMPlexSansThai-Medium";
}
.textaboutpage .fa-circle {
  font-size: 10px;
  margin-right: 10px;
}
.textaboutpage ul {
  /* list-style: none; */
  padding-left: 1rem;
  line-height: 2;
}
.img-abouts {
  text-align: center;
  margin-bottom: 2rem;
  aspect-ratio: 2/3;
}
.img-abouts img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imgfixed-lastbox {
  text-align: center;
  background: url("../aboutus/images/bannerabout1.png") center center no-repeat;
  background-size: cover !important;
  background-attachment: fixed !important;
  min-height: 225px;
}
.content-othrtpage.contactpage {
  padding-bottom: 0;
}

.contactpagefullwhite {
  margin-bottom: 2rem;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.mapbox {
  width: 100%;
  aspect-ratio: 4/3;
}
.mapbox iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.title-products.subtitle {
  margin-bottom: 2rem;
}
.title-products.subtitle h1 {
  color: #000;
  margin: 0;
}

.pageclick .page-link {
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  color: #341e92;
  border: 1px solid #341e92 !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  transition: all 0.6s;
  font-size: 0.9rem;
  background-color: transparent;
}
.pageclick .page-link.active,
.page-item.active .page-link,
.pageclick .page-link:hover {
  color: #fff;
  background: #341e92;
}
.pageclick ul {
  justify-content: center;
}

.address-box hr {
  width: 5em;
  margin: 0.5rem 0 1rem;
  opacity: 1;
  border-color: #341e92;
}
.address-box {
  margin-bottom: 2rem;
  padding: 1rem;
}
.address-box h1 {
  font-size: 22px;
  margin-bottom: 0;
  font-family: "IBMPlexSansThai-Medium";
}
.address-box h2 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  font-family: "IBMPlexSansThai-Medium";
}
.address-box p {
  margin: 0;
}
.social-box h1,
.contact-box h1 {
  font-size: 22px;
  margin-bottom: 0.75rem;
  font-family: "IBMPlexSansThai-Medium";
}
.address-box a:hover,
.contact-box a:hover {
  color: #f7941d;
}
.social-box img {
  width: 35px;
  transition: all 0.6s;
}
.social-box img:hover {
  transform: scale(1.05);
}
.contact-box table {
  width: 100%;
}
.contact-box table td {
  padding: 5px;
  vertical-align: top;
}
.contact-box {
  margin: 2rem auto;
}

.textdetail-products {
  margin-bottom: 2rem;
}
.textdetail-products h1 {
  font-size: 22px;
  margin-bottom: 0.5rem;
  position: relative;
  font-family: "IBMPlexSansThai-Medium";
}
.textdetail-products h1[aria-expanded="false"]::before {
  background: url("../productsandservices/images/plus.png");
}
.textdetail-products h1[aria-expanded="true"]::before {
  background: url("../productsandservices/images/minus.png");
}
.textdetail-products h1::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 100% !important;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
  position: absolute;
}
.textdetail-products a.tagorange {
  padding: 3px 5px;
  margin: 0 0 0.5rem;
  color: #fff;
  background: #f7941d;
  display: block;
  width: 10rem;
  font-size: 0.9rem;
}
.textdetail-products p {
  margin-bottom: 1rem;
}
.textdetail-products ul {
  /* list-style: none; */
  margin: 1rem 0;
}
.textdetail-products ul li {
  /* display: flex; */
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
  margin-left: 10px;
}
.textdetail-products .fa-circle {
  font-size: 10px;
  margin-right: 10px;
  margin-top: 5px;
}
.buttonload {
  margin: 1rem 0;
  text-align: center;
}
.buttonload a {
  padding: 8px;
  border: 1px solid #341e92;
  border-radius: 30px;
  background: #fff;
  color: #341e92;
  transition: all 0.6s;
  display: block;
  overflow: hidden;
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  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;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #341e92;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -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;
}
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.titlebox-details {
  padding: 2rem 1rem;
  background: #ebebeb;
  margin-bottom: 2rem;
}
.tabledetails {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 1rem auto 2rem;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
}
.tabledetails table {
  width: 100%;
  min-width: 820px;
}
.tabledetails th {
  padding: 5px 10px;
  vertical-align: top;
  text-align: center;
  background: #e1e1e1;
  font-family: "IBMPlexSansThai-Medium";
}
.tabledetails td {
  padding: 10px 10px;
  vertical-align: top;
  text-align: center;
  background: #f5f5f5;
}
.tabledetails tr:nth-child(2n + 2) td {
  background: #fff;
}
.tableproducts-details {
  margin-top: 2rem;
}
.tableproducts-details h1 {
  font-size: 22px;
  margin-bottom: 0.5rem;
  font-family: "IBMPlexSansThai-Medium";
}
.tableproducts-details h2 {
  font-size: 18px;
  color: #f00;
  margin: 0;
  font-family: "IBMPlexSansThai-Medium";
}

.slideshowproducts .imgproducts {
  aspect-ratio: 3/2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.slideshowproducts .imgproducts img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.slideshowproducts {
  margin: 1rem auto 2rem;
}
.slideshowproducts .slider-for {
  margin-bottom: 1rem;
}
.slideshowproducts .slider-nav .slick-list {
  padding: 0 1rem;
}
.slideshowproducts .slider-nav .slick-slide {
  margin: 0 5px;
  opacity: 0.5;
}
.slideshowproducts .slick-prev:before,
.slideshowproducts .slick-next:before {
  display: none;
}
.slideshowproducts .slick-prev,
.slideshowproducts .slick-next {
  width: 30px;
  height: 30px;
  background-size: 100% !important;
  z-index: 1;
}
.slideshowproducts .slick-prev {
  left: 0;
  background: url("../images/arrow-prev-line.png") center center no-repeat;
}
.slideshowproducts .slick-next {
  right: 0;
  background: url("../images/arrow-next-line.png") center center no-repeat;
}
.slideshowproducts .slider-nav .slick-slide.slick-current.slick-active {
  opacity: 1;
}
.content-box.relatedcontent {
  background: #f5f5f5;
}
.brandimg {
  padding: 0.5rem 0.75rem;
  background: #fff;
  margin-bottom: 0.75rem;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border-radius: 10px;
}
.img-box.brandimg img {
  aspect-ratio: 3/2;
  object-fit: scale-down;
}
.img-box.brandimg:hover img {
  transform: scale(1.05);
}

.news-box.newspage {
  color: #000;
  padding: 0.3rem;
  border-radius: 10px;
  border: 1px solid #ececec;
}
.news-box.newspage h1 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  height: calc(1rem * 1.4 * 2);
}
.news-box.newspage:hover {
  border-color: #f7941d;
}
.newsansblogpage .tabsnews .nav-pills {
  color: #000;
  justify-content: center;
  border: none;
}

.img-newsshow {
  text-align: center;
  overflow: hidden;
}
.img-newsshow img {
  max-width: 100%;
  width: auto;
}
.textdetail-news {
  margin: 1rem auto;
}
.textdetail-news a:hover {
  color: #f7941d;
  text-decoration: underline;
}
.textdetail-news a {
  display: inline-block;
}
.textdetail-news ul {
  /* list-style: none; */
  padding-left: 1rem;
  margin: 1rem auto;
}
.textdetail-news ul li {
  margin-bottom: 10px;
}
.textdetail-news p.tagnews {
  width: 8em;
  font-size: 0.8rem;
  padding: 5px;
  background: #f00;
  color: #fff;
  text-align: center;
}
.textdetail-news h1 {
  font-size: 24px;
  margin-bottom: 0.5rem;
  font-family: "IBMPlexSansThai-Medium";
}
.textdetail-news h2 {
  font-size: 22px;
  margin: 0;
  font-family: "IBMPlexSansThai-Medium";
}
.maplocations {
  width: 100%;
  height: 315px;
  margin: 2rem auto;
  overflow: hidden;
}
.maplocations iframe {
  width: 100%;
  height: 100%;
}
.locations-industry .row {
  align-items: center;
}
.locations-industry .address-box {
  padding: 0;
}
.locations-industry .address-box a:hover {
  color: #f7941d;
}
.locations-industry .address-box p {
  margin-bottom: 1rem;
}
.locations-industry .address-box h1 {
  font-size: 1rem;
}
.locations-industry .address-box h2 {
  margin-bottom: 0;
  font-size: 1rem;
  font-family: "IBMPlexSansThai-Medium";
}
.locations-industry {
  margin-bottom: 2rem;
  padding: 1rem;
  transition: all 0.6s;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.locations-industry:hover {
  background: #341e92;
  color: #fff;
  transform: translateY(-5px);
}
.video-present {
  overflow: hidden;
  margin: 2rem auto;
  width: 100%;
  border-radius: 5px;
  aspect-ratio: 3/2;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.video-present iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imgprojects {
  width: 100%;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4/2;
}
.imgprojects img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slideprojects {
  margin-bottom: 2rem;
}
#carouselslideprojects .carousel-indicators {
  align-items: center;
  justify-content: center;
  z-index: 4;
}
#carouselslideprojects .carousel-indicators button {
  width: 12px;
  height: 12px;
  margin: 0 3px;
  opacity: 0.6;
  border: none;
  background: #fff;
  border-radius: 50%;
}
#carouselslideprojects .carousel-indicators button.active {
  opacity: 1;
}
.content-box.projectspage {
  padding-top: 0;
}

.textpolicy {
  margin-bottom: 2rem;
}
.textpolicy h1 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  font-family: "IBMPlexSansThai-Medium";
}
.textpolicy h2 {
  font-size: 1.2rem;
  margin-bottom: 0;
  font-family: "IBMPlexSansThai-Medium";
}
.textpolicy a:hover {
  color: #f7941d;
}
.textpolicy .fa-circle-chevron-right {
  font-size: 1.1rem;
  margin-right: 5px;
}
.textpolicy ul {
  list-style: none;
  padding-left: 3%;
  margin: 1rem auto;
}
.textpolicy ul li {
  margin-bottom: 0.3rem;
}

.categorylist ul {
  list-style: none;
  margin-bottom: 1rem;
}
.categorylist ul li {
  margin-bottom: 1rem;
}
.categorylist ul li a.active,
.categorylist ul li a:hover {
  color: #f7941d;
}
.categorylist h1 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  padding: 8px 10px;
  font-family: "IBMPlexSansThai-Medium";
  background-size: 20px !important;
  background-position: right 10px center;
  background-repeat: no-repeat;
}
.categorylist h1[aria-expanded="true"] {
  background-image: url("../productsandservices/images/minus.png");
}
.categorylist h1[aria-expanded="false"] {
  background-image: url("../productsandservices/images/plus.png");
}
.categorylist img {
  width: auto;
  max-width: 30%;
  transition: all 0.6s;
  aspect-ratio: 3 / 2;
  object-fit: scale-down;
  filter: grayscale(100%);
}
.categorylist.brandslist ul li {
  display: inline;
  margin-right: 8px;
}
.categorylist.brandslist ul li a.active img,
.categorylist.brandslist ul li:hover img {
  transform: scale(1.05);
  filter: none;
}

.personbox {
  margin: 2rem auto 6.5rem;
  position: relative;
  transition: all 0.6s;
}
.imgperson {
  width: 140px;
  height: 140px;
  overflow: hidden;
  margin: auto;
  border-radius: 50%;
  border: 2px solid #f7941d;
  transition: all 0.6s;
  position: absolute;
  z-index: 88;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.personbox:hover .imgperson {
  width: 100px;
  height: 100px;
  left: 0%;
  transform: translate(0%, -50%);
}
.imgperson img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.textperson {
  width: 100%;
  height: 90px;
  border-radius: 50px;
  padding: 15px 10px 15px 45px;
  background: #232323;
  color: #fff;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  transform: scale(0.3);
  opacity: 0;
  transition: all 0.6s;
}
.personbox:hover .textperson {
  transform: scale(1);
  opacity: 1;
  transition: all 0.6s;
}
.textperson h1 {
  width: 75%;
  color: #f7941d;
  font-size: 1.2rem;
  margin-bottom: 0;
  font-family: "IBMPlexSansThai-Medium";
}
.textperson.coorange h1 {
  color: #fff;
}
.textperson p {
  width: 75%;
  margin-bottom: 0;
}
.textperson.coorange {
  background: #f7941d;
  color: #fff;
}
.textperson.subperson {
  background: #e5e5e5;
  color: #000;
}

.row.subcofound {
  margin-top: 2rem;
}
.personbox.subpersonbox {
  transform: scale(0.8);
}
.personbox::before {
  content: "";
  width: 1px;
  height: 90%;
  z-index: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  border-left: 1px solid #000;
}
.personbox.personmainbox {
  margin: 2rem auto;
}

.personbox.twoline::before,
.personbox.subpersonbox::before,
.personbox.personmainbox::before {
  display: none;
}

.mapthailand {
  position: relative;
  text-align: center;
  overflow: hidden;
  margin: 0 auto 2rem;
}
.listprovice {
  position: absolute;
  z-index: 2;
  right: 7rem;
  bottom: 9rem;
  text-align: left;
}
.listprovice .fa-circle {
  font-size: 0.85rem;
  margin-right: 5px;
  color: #f7941d;
}
.listprovice p {
  margin-bottom: 0.5rem;
}
.mapthailand img {
  width: auto;
  max-width: 100%;
}
.mappin {
  position: absolute;
  z-index: 1;
  transition: all 0.6s;
  transform: scale(0.95);
}
.mappin:hover {
  transform: scale(1.03) translateY(-5px);
}
.mappin img {
  width: 25px;
  transition: all 0.6s;
}
.mappin p {
  margin: 0;
}
.mappin.stationone {
  top: 16rem;
  left: 9.5rem;
}
.mappin.stationtwo {
  /* top: 18.5rem;
    left: 11.5rem; */
  top: 16.5rem;
  left: 9.5rem;
}
.mappin.stationthree {
  bottom: 7rem;
  left: 5rem;
}

.slidenews {
  margin: 1rem auto 2rem;
}
.slidenews .slider-for {
  margin-bottom: 1rem;
}
.slidenews .slider-nav .slick-list {
  padding: 0 1rem;
}
.slideservice .slick-slide .img-box {
  aspect-ratio: 3/2;
}
.slideservice .slick-slide .img-box img {
  height: 100%;
  object-fit: scale-down;
}
.slidenews .slider-nav .slick-slide {
  margin: 0 5px;
  opacity: 0.7;
}
.slidenews .slick-prev:before,
.slidenews .slick-next:before {
  display: none;
}
.slidenews .slick-prev,
.slidenews .slick-next {
  width: 30px;
  height: 30px;
  background-size: 100% !important;
  z-index: 1;
  filter: invert(91%) sepia(6%) saturate(0%) hue-rotate(182deg) brightness(87%)
    contrast(93%);
}
.slidenews .slick-prev:hover,
.slidenews .slick-next:hover {
  filter: none;
}
.slidenews .slick-prev {
  left: 0;
  background: url("../images/left.png") center center no-repeat;
}
.slidenews .slick-next {
  right: 0;
  background: url("../images/right.png") center center no-repeat;
}
.slidenews .slider-nav .slick-slide.slick-current.slick-active {
  opacity: 1;
}

/*///////////Start-Policy///////////////*/
.policy-box {
  position: fixed;
  bottom: 0%;
  right: 0%;
  width: 100%;
  text-align: left;
  padding: 1rem;
  color: #fff;
  z-index: 1234;
  display: block;
  font-size: 1rem;
  background: #181818;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.policy-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.policy-box ul li {
  padding: 0 10px;
}
.policy-box p {
  font-size: 1.1rem !important;
  margin-bottom: 0;
  font-family: "IBMPlexSansThai-Medium";
}
.policy-box a {
  text-decoration: underline;
}
.policy-box a:hover {
  text-decoration: none;
}
.policy-box .btn-policy {
  width: 150px;
  padding: 8px;
  transition: all 0.5s;
  cursor: pointer;
  text-align: center;
  color: #181818;
  margin: 0.5rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  border: 1px solid #fff;
  background: #fff;
}
.btn-policy:hover {
  color: #fff;
  background: #181818;
}

/*///////////End-Policy///////////////*/

/*///////////Start-Footer///////////////*/
.footer {
  color: #fff;
  padding: 10% 0 5%;
  background: url("../images/bg-footer.png") center left no-repeat;
  background-size: cover !important;
}
.footer a:hover {
  color: #f7941d;
}
.footer a {
  display: inline-block;
}
.footer ul {
  list-style: none;
}
.copyright-box {
  text-align: center;
  color: #fff;
  padding: 15px;
  background: #f7941d;
}
.contact-footer {
  margin-bottom: 1rem;
}
.contact-footer table {
  width: 100%;
}
.contact-footer table td {
  padding: 3px 5px;
  vertical-align: top;
}
.contact-footer p {
  margin: 0;
}
.footer h1 {
  font-size: 22px;
  margin-bottom: 1rem;
  font-family: "IBMPlexSansThai-Medium";
}
.formcontact {
  color: #fff;
}
.formcontact h1 {
  font-size: 20px;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}
.maphome {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 3/2;
  margin-bottom: 1.5rem;
}
.maphome iframe {
  width: 100%;
  height: 100%;
}
.social-footer img {
  width: 35px;
  transition: all 0.6s;
  filter: brightness(0) invert(1);
}
.social-footer img:hover {
  filter: invert(56%) sepia(97%) saturate(734%) hue-rotate(348deg)
    brightness(101%) contrast(94%);
  transform: scale(1.03);
}
/*///////////End-Footer///////////////*/

@media (max-width: 920px) {
  body {
    max-width: 100% !important;
  }
  .navbar-collapse {
    position: fixed;
    width: 80%;
    background: rgba(0, 0, 0, 0.8);
    height: 100% !important;
    max-height: none !important;
    top: 0%;
    display: block;
    left: -5%;
    opacity: 0;
    margin: 0 !important;
    z-index: 55;
    transition: all 0.5s;
    overflow-y: scroll;
    box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1);
  }
  .navbar-collapse::-webkit-scrollbar {
    width: 0;
  }
  .navbar-collapse.in {
    left: 0;
    opacity: 1;
    transition: all 0.5s;
  }
  .navbar-collapse.show {
    left: 0;
    opacity: 1;
    transition: all 0.5s;
  }
  .all-container {
    width: 100%;
  }
  .all-container.-collapse {
    transition: all 0.5s;
  }
  .navbar-expand-lg,
  .navbar-collapse,
  .navbar-collapse.collapsing,
  .all-container.all-container.all-container {
    transition: all 0.5s !important;
  }
  .navbar-expand-lg.-collapse {
    width: 100%;
    transition: all 0.5s;
  }
}
@media (min-width: 400px) {
}