/*
Theme Name:Aerfa
Version: 1.0
Requires PHP: 7.20
Author: zhilong
*/
html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
  touch-action: manipulation;
  margin:0;
  padding:0;
}
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

.types-search input::placeholder {
  color: #AAA; 
  font-family: 'FiraSans',sans-serif;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;

}
.header {
  width: 100%;

}

.h-a {
  position: fixed;
  z-index: 10;
  width: 16rem;
  margin: 0 auto;
  top: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.7);
}

.h-cont {
  width: 100%;
  

}

.h-cont:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}

.h-left {
  float: left;
  padding-left: 0.7rem;
}

.h-logo {
  display: block;
  width: 1.41rem;
  height: 0.88rem;
  line-height:0.88rem;
}

.h-logo img {
  width: 100%;
  max-width: none;
  height: 70%;
}


.h-right {
  float: right;
  padding-right: 0.7rem;
}

.h-h {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-right: 0.47rem;
}

.h-i {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 0 .4rem;
}

.h-j {
  display: inline-block;
  color: #222222;
  line-height: 0.26rem;
  position: relative;
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
}

.h-i:hover .h-j {
  color: #002FA7;
}

.h-i.active .h-j {
  color: #002FA7;
}

.h-sub {
  display: none;
  position: fixed;
  top: 0.88rem;
  left: 0;
  z-index: 188;
  width: 100%;
  padding: .3rem 0 .6rem;
  background-color: #fafafa;
}

.header.show .h-opa {
  display: block;
  top: 0.88rem;
}

.hb-cont {
  width: 16rem;
  margin: 0 auto;
  border-bottom: 1px solid #e9e9e9;
}

.has-pc .hb-cont {
  text-align: left;
}

.hb-one {
  display: inline-block;
  vertical-align: middle;
}

.hb-a {
  display: inline-block;
  cursor: pointer;
  color: #333333;
  padding: .2rem 0;
  margin-right: .45rem;
}

.h-phone {
  display: none;
}

.h-phone{
  background-color: #002FA7;
}
.hb-pc {
  width: 16rem;
  margin: 0 auto;
  padding-top: .5rem;
}

.hc-cont {
  display: none;
  width: 100%;
  font-size: 0;
}

.hc-cont.show {
  display: block;
}

.hc-left {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 12rem);
  padding-right: .4rem;
}

.hc-nav {
  display: block;
  position: relative;
  width: 100%;
  padding: .1rem .06rem .1rem 0;
  margin-bottom: .1rem;
  color: #666666;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hc-nav.active {
  color: #002FA7;
  border-bottom: 1px solid #ececec;
}

.hc-nav.active:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -.05rem;
  border-bottom: .05rem solid transparent;
  border-top: .05rem solid transparent;
  border-left: .06rem solid #002FA7;
}

.hc-right {
  display: inline-block;
  vertical-align: middle;
  width: 12rem;
}

.hc-item {
  display: none;
  width: 100%;
  padding: .8rem .5rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.hc-item.show {
  display: block;
}

.hc-text {
  display: inline-block;
  vertical-align: middle;
  width: 5.9rem;
}

.hc-name {
  color: #002FA7;
  padding-bottom: .3rem;
  position: relative;
  margin-bottom: .25rem;
}

.hc-name:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: .24rem;
  height: .02rem;
  background-color: #002FA7;
}

.hc-intro {
  color: #000000;
  line-height: 2.25;
}

.hc-img {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 5.9rem);
  text-align: center;
  height: 2.1rem;
  line-height: 2.1rem;
}

.hc-img img {
  max-width: 100%;
  max-height: 100%;
}

/* 第二种 */

.h-sub2 {
  display: none;
  width: 160px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0.55rem;
  transform: translate(-50%, 0);
  z-index: 1000;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.h-sub2>li>a {
  display: block;
  cursor: pointer;
  width: 100%;
  padding: 10px 5px;
  line-height: 1.5;
  text-align: center;
  color: #333333;
  transition: background-color .3s;
  box-sizing: border-box;
}

.h-sub2>li>a:hover {
  background-color: #002FA7;
  color: #fff;
}

/* 语言 */

.h-language {
  display: inline-block;
  vertical-align: middle;
  /* margin-left: .4rem; */
  margin: 0 0.4rem;
  position: relative;
  cursor: pointer;
  display: none;
}

.hl-tip {
  display: block;
  color: #333333;
  line-height:0.88rem;
}

/* .hl-tip:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin-right: .09rem;
  width: 0.2rem;
  height: 0.88rem;
  background-image: url('../image/language.png');
  background-size: 0.2rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.hl-tip:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin-left: .05rem;
  width: .56em;
  height: 0.88rem;
  background-image: url('../images/a12.png');
  background-size: .56em auto;
  background-position: center center;
  background-repeat: no-repeat;
} */

.hl-list {
  display: none;
  width: 100px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0.88rem;
  transform: translate(-50%, 0);
  z-index: 1000;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.hl-item {
  display: block;
  cursor: pointer;
  width: 100%;
  padding: 10px 5px;
  line-height: 1.5;
  text-align: center;
  font-size: 14px;
  color: #666;
  transition: background-color .3s;
}

.hl-item:hover {
  background-color: #002FA7;
  color: #fff;
}

/* 搜索 */

.h-search {
  display: inline-block;
  vertical-align: middle;
  /* margin: 0 .15rem; */
  margin: 0 0.4rem;
}

.hs-icon {
  display: block;
  cursor: pointer;
  width: .2rem;
  height: 0.88rem;
  background-image: url('../image/icon_nav_search.svg');
  background-size: 0.2rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.hs-a {
  display: none;
  z-index: 108;
  white-space: nowrap;
  position: fixed;
  top: 1.5rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.hs-form {
  font-size: 0;
  display: inline-block;
}

.hs-text {
  border: none;
  padding: 0 .2rem;
  display: inline-block;
  vertical-align: middle;
  width: 6rem;
  height: 45px;
  background-color: #fff;
  color: #333;
}

.hs-submit {
  border: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background-color: #002FA7;
  background-image: url('../image/icon_nav_search.svg');
  background-size: 15px auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.header.search-state .hs-a {
  display: block;
}

.header.search-state .h-opa {
  display: block;
}

.h-phone {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.9rem;
  padding: 0.08rem 0.20rem;
}

.hp-icon {
  display: inline-block;
  width: .2rem;
  height: .2rem;

  margin-right: .05rem;
}

.hp-icon img {
  width: 100%;
}

.hp-text {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-family: 'Kanit',sans-serif;
  font-weight: 400;

}

.h-menu {
  display: none;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 1rem;
  height: 0.88rem;
  background-image: url('../image/a-menu.png');
  background-size: .4rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.h-opa {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  cursor: pointer;
}

.h-car {
  display: inline-block;
  margin-right: .2rem;
  cursor: pointer;
  min-width: 18px;
  width: .25rem;
  height: 0.88rem;
  line-height:0.88rem;
}

.h-car img {
  width: 100%;
}


.h-sub2 li a{
  font-family: 'Kanit',sans-serif;
font-weight: 400;
color: #222222;

}
@media(max-width: 1500px) {
  .h-i {
      padding: 0 .2rem;
  }
  .h-language {
      margin-left: .2rem;
  }
}


@media(min-width: 1200px) {
  .hb-one:hover .hb-a {
      color: #002FA7;
      border-bottom: .02rem solid #002FA7;
  }
  .hb-one.active .hb-a {
      color: #002FA7;
      border-bottom: .02rem solid #002FA7;
  }
  .h-i:hover .h-j:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: .02rem;
      background-color: #002FA7;
  }
  .h-i.active .h-j:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: .02rem;
      background-color: #002FA7;
  }
}

@media(max-width: 1200px) {
  .h-a {
      width: 100%;
      /* padding-left: 10px;
      padding-right: 10px; */
  }
  .h-language {
      margin-left: 0;
      margin-right: 10px;
  }
  .h-h {
      width: 260px;
      position: fixed;
      text-align: left;
      right: 0;
      top: 0;
      height: 100vh;
      background-color: #fff;
      margin-right: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      overflow: auto;
      z-index: 10080;
      transform: translate(100%, 0);
      transition: transform .3s;
  }
  .h-i {
      width: 100%;
      padding: 0 !important;
      margin: 0 !important;
  }
  .h-j {
      padding: 0;
      padding-left: 20px;
      height: 40px;
      line-height: 40px;
      color: #666;
      font-size: 16px;
  }
  .h-i:hover .h-j {
      border-bottom: none;
      color: #666;
  }
  .h-i.active .h-j {
      border-bottom: none;
  }
  .h-i.has-sub:after {
      content: "";
      background-image: url('../images/a-right.png');
      background-size: 18px 18px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      position: absolute;
      right: 0;
      top: 0;
      font-size: 20px;
      color: #333;
  }
  .h-i.has-sub.show:after {
      background-image: url('../images/a-down.png');
  }
  .h-sub {
      position: relative;
      top: 0;
      padding: 0;
      background-color: #fff;
      box-shadow: none;
      left: 0;
      transform: translate(0, 0);
      width: 100% !important;
  }
  .hb-cont {
      width: 100%;
      text-align: left;
  }
  .hb-one {
      width: 100%;
      padding: 0 !important;
      margin: 0 !important;
      position: relative;
  }
  .hb-a {
      margin: 0;
      padding: 0;
      padding-left: 30px;
      height: 40px;
      line-height: 40px;
      color: #666;
      font-size: 15px;
  }
  .h-phone {
      display: none;
      width: 100%;
  }
  .h-phone>li>a {
      display: block;
      cursor: pointer;
      width: 100%;
      padding: 10px 5px 10px 50px;
      line-height: 1.5;
      font-size: 14px;
      color: #666;
  }
  .hb-one.has-phone:after {
      content: "";
      background-image: url('../images/a-right.png');
      background-size: 18px 18px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      position: absolute;
      right: 10px;
      top: 0;
      font-size: 20px;
      color: #333;
  }
  .hb-one.has-phone.show:after {
      background-image: url('../images/a-down.png');
  }
  .h-i.has-nav2:after {
      content: "";
      background-image: url('../images/a-right.png');
      background-size: 18px 18px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      position: absolute;
      right: 0;
      top: 0;
  }
  .h-i.has-nav2.show:after {
      background-image: url('../images/a-down.png');
  }
  .h-sub2 {
      position: relative;
      top: 0;
      background-color: #fff;
      box-shadow: none;
      left: 0;
      transform: translate(0, 0);
      width: 100% !important;
  }
  .h-sub2>li>a {
      text-align: left;
      padding-left: 40px;
  }
  .hb-pc {
      display: none;
  }
  .h-right {
      margin-right: 1rem;
  }
  /* 菜单 */
  .h-menu {
      display: block;
  }
  .header.menu-state .h-h {
      transform: translate(0, 0);
  }
  .header.menu-state .h-opa {
      display: block;
  }
}
@media(max-width:750px){
  .h-a{
    top: 0;
  }
  .hs-icon{
    width: .45rem;
    background-size: 0.35rem auto;
    margin-right: 15px;
  }
  .hl-tip{
    line-height: normal;
  }
}
@media(max-width:500px) {
  .hp-icon {
      font-size: 12px;
  }
  .hp-text {
      font-size: 12px;
  }
  /* .h-search{margin: 0 .1rem;} */

  .hl-tip:before {
      display: none;
  }
  .hs-text {
      width: 5rem;
      height: 30px;
  }
  .hs-submit {
      height: 30px;
  }
}

/* banner */
.banner_carousel{
  width: 100%;
  height: 8rem;
}


.slide-text {
  position: relative;
  max-width:700px;

  z-index: 2;
  /* padding-left: 2.2rem; */
}
.slide-text>.title{
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  text-align: left;
  
}
.slide-text>.text{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  text-align: left;

}
.banner_carousel .swiper-slide{
  background-size: cover;
  background-repeat: no-repeat;
}
.btn{
  display: inline-block;
  cursor: pointer;
  min-width: 1.4rem;
  padding:0 0.15rem;
  text-align: center;
  letter-spacing: .01rem;
  color: #FFF;
  border-radius: .27rem;
  align-items: center;
  line-height: .56rem;
}
.btn img{
  margin-right: 5px;
}
.btn-one{
  background-color:#002FA7;
}
.btn-two{
  background-color: #009FE8;
}

.slide-text>.btn{
  margin-top: 0.6rem;
}

@media (max-width: 750px) {
  .banner_carousel{
    height: 50vh;
  }
  .slide-text{
    padding-left: 1rem;
  }
  .btn{
    padding: 0.15rem 0.3rem;
    border-radius: 30px;
  }
}



.alpha_section {
  text-align: center;
  margin-top: 1rem;
}


.alpha_heading {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 0.56rem;
  text-align: center;
  margin-bottom: 0.3rem;
}

.alpha_experience {
  color: #002FA7;
  font-family: 'FiraSans',sans-serif;
  font-weight: 500;
  line-height: 0.28rem;

}

.alpha_features {
  display: flex;
  justify-content:space-between;
  margin-top: 0.5rem;
}

.alpha_feature {
  max-width: 4rem;
}

.alpha_icon {
  width: 1rem;
  height:1rem;
  margin-bottom: 0.24rem;
}

.alpha_feature_title {
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 0.3rem;
  text-align: center;
  color:#222222;

}
.alpha_heading_underline {
  width: 0.4rem;
  height: 2px;
  background-color: #002FA7;
  margin: 0.18rem auto 0.24rem auto;
}

.alpha_feature_description {
font-family: 'FiraSans',sans-serif;
font-weight: 400;
line-height: 24px;
text-align: center;
color: #686868;

}

/* Tablet styles */
@media (max-width: 1200px) {
  .alpha_features {
      /* flex-direction: column; */
      align-items: center;
  }

  .alpha_feature {
      margin-bottom:0.4rem;
  }
}

@media (max-width: 750px) {



}

@media (max-width: 450px) {

}

.explode-section {
  margin-top: 0.73rem;
}

.explode-container {
  background-color: #002FA7;
  color: #ffffff;
  padding: 0.8rem 1rem;
  border-radius: 20px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-repeat: no-repeat;
  background-size: cover;
}

.explode-text {
  max-width: 600px;
}

.explode-heading {
  color:  #51E334;
  margin-bottom: 20px;
font-family: 'Kanit',sans-serif;
font-weight: 600;
line-height: 0.56rem;
text-align: left;

}

.explode-description {
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 1.325;
  text-align: left;
  margin-top: 0.30rem;
  margin-bottom: 0.60rem;
}

.explode-button {
  display: inline-block;
  min-width: 2rem;
  min-height: 0.5rem;
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
  line-height: 0.5rem;
}

.explode-images {
  position: relative;
  max-width: 6rem;
}

.explode-background {
  width: 100%;
  border-radius: 50%;
}
.explode-foreground-container{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:64.5%;
  height:64.5%;
  border-radius: 50%;
  overflow: hidden;
}
.explode-foreground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  border-radius: 50%;
}


.explode-foreground.active {
  opacity: 1;
}


@media (max-width: 1200px) {

  .explode-foreground-container {
    width: 70%;
    height: 70%;
}
  .explode-text {
      max-width: 100%;
      margin-bottom: 0.3rem;
      width: 50%;
  }




}

@media (max-width: 750px) {
  .explode-container {
    flex-direction: column;
}
  .explode-description{
    line-height: 0.35rem;
  }

  .explode-foreground-container {
    width: 60%;
    height: 60%;
}
}

@media (max-width: 450px) {

  .explode-foreground-container {
    width: 50%;
    height: 50%;
}
}


.new-section {
  margin-top: 1rem;
}

.new-heading {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 0.56rem;
  text-align: center;
  margin-bottom: 0.5rem;
  
}

.new-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
}

.new-item {
  width: 33.3%;
  background-color: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-width: 440px;
}

.new-image {
  width: 100%;
  object-fit: cover;
}

.new-content {
  padding: 0 0.3rem;
  padding-bottom: 0.3rem;
}

.new-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 0.3rem;
  text-align: left;
  color: #222222;
  margin-top: 0.3rem;
}

.new-description {
  font-family: 'FiraSans';
  font-weight: 400;
  line-height: 1.325;
  text-align: left;
  color: #686868;
  margin-top: 0.16rem;
  margin-bottom: 0.4rem;
  display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.new-footer {
  display: flex;
  justify-content: space-between;
  font-family: 'FiraSans';
  font-weight: 400;
  line-height: 0.24rem;
  text-align: left;
  color: #686868;

}

.new-link {
  color: #002FA7;
  text-decoration: none;
}

.new-link:hover {
  text-decoration: underline;
}

@media (max-width: 1200px) {
  .new-container {
      /* flex-direction: column; */
  }
  

}
@media (max-width: 750px) {
  .new-container{
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .new-item{
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .new-title{
    line-height: 0.4rem;
  }
  .new-description{
    line-height: 18px;
  }
}

.choose-section {
  text-align: center;
  margin-top: 1rem;
}

.choose-heading {
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  line-height: 0.56rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

.container-choose {
  max-width: 9.6rem;
  margin: 0 auto;
}




.choose-search-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
  border-radius: 1.5rem;
  overflow: hidden;
  border: 1px solid #002FA7;
}

.choose-search-input {
  width: 100%;
  height: 0.8rem;
  padding: 0 0.4rem;
  border: none;
  border-radius: 1.5rem;
  outline: none;
}

.choose-search-button {
  position: absolute;
  right: 0;
  height: 0.8rem;
  min-width: 2rem;
  padding-left: 0.3rem;
  color: #fff;
  background-color: #002FA7;
  border: none;
  border-radius:0.9rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 2rem;
  box-sizing: border-box;
  background-image: url('../image/icon_f_search.png'); 
  background-repeat: no-repeat;
  background-position: 0.55rem center; 
  background-size: 0.2rem; 
}


.choose-divider-vertical {
  width: 2px;
  height: 0.4rem;
  background-color: #002FA7;
  margin: 0.3rem auto;
}

.choose-subheading {
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 1.325;
  text-align: center;
  margin-bottom: 0.24rem;
}

.choose-options {
  display: flex;
  justify-content: space-around;
  margin: 0.1rem;

}

.choose-option {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  min-height: 2rem;
}

.choose-option-medicine {
  background-color: #009FE8;
  background-repeat: no-repeat;
    background-size: cover;
}

.choose-option-contact {
  background-color: #002FA7;
}

.choose-icon {
  width: 0.32rem;
  height: 0.32rem;
  margin-right:0.05rem ;
}

.choose-text {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height:0.478rem;
  text-align: left;
  
}

@media (max-width: 1200px) {
  .choose-heading {
  }

  .choose-search-input {
      width: 70%;
  }

  .choose-search-button {
  
  }

  .choose-subheading {
   
  }

  .choose-options {
      flex-direction: column;
  }

  .choose-option {
  }

  .choose-option-medicine {
      margin-right: 0;
  }
}

@media (max-width: 750px) {

  .container-choose{
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .choose-search-input {
      width: 80%;
  }


  .choose-icon {
    width: 25px;
    height: 25px;
  }
  .choose-search-input{
    width: 85%;
  }
  .choose-search-button{
    width: 20%;
    min-width: 2.5rem;
    background-size: 0.25rem;
    background-position: 0.45rem center;
  }

}



.footer {
  background-color: #000;
  color: #fff;
  padding: 0.2rem;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 0.54rem;

  padding-bottom: 0.44rem;
  margin-bottom: 0.4rem;
}

.footer-nav {
  display: flex;
  gap: 0.6rem;
}

.footer-link {
  color: #AAAAAA;
  text-decoration: none;
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 23.92px;
  text-align: left;
}

.footer-social {
  display: flex;
  gap: .3rem;
}

.footer-social-link {
  text-decoration: none;

  
}

.footer-middle {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.footer-logo {
  margin-bottom: .2rem;
}

.footer-description {
  max-width: 6.4rem;
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 23.92px;
  text-align: left;

}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;

  max-width: 6.4rem;
  margin-top: 0.4rem;
}


.footer-bottom p{
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 23.92px;
  text-align: left;
  color:  rgba(170, 170, 170, 1);
}
.footer-middle-left {

}

.footer-bottom-nav {
  display: flex;
  gap: 0.3rem;
  width: 55%;

}

.footer-bottom-link {
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 23.92px;
  text-align: left;
  color:  rgba(170, 170, 170, 1);
  text-decoration: underline;

}
.footer-middle-right {
  position: relative;
  width: 20%;
  max-width: 2.4rem;
}

.footer-dropdown-btn {
  display: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  position: relative;
  width: 100%;
  /* display: flex; */
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.1rem;
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 0.2392rem;
  text-align: left;

}

.footer-dropdown-content {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  background-color: #333;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(20px);
}

.footer-dropdown-content.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.footer-dropdown-link {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0.1rem 0.15rem;
}

.footer-dropdown-link:hover {
  text-decoration: underline;
}


/* Tablet styles */
@media (max-width: 1200px) {
  .footer-top {
      flex-direction: column;
      align-items: flex-start;
  }

  .footer-middle {
      text-align: center;
      margin-bottom: 0.1rem;
  }

  .footer-bottom {
      flex-direction: column;
      align-items: flex-start;
  }

  .footer-bottom-left {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
  }
}

/* Mobile styles */
@media (max-width: 750px) {
  .footer-nav {
      width: 100%;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 0.1rem;
  }

  .footer-social {
      margin-top: .1rem;
  }

  .footer-bottom-left {
      gap: 0.05rem;
  }

  .footer-bottom-right {
      margin-top: .1rem;
  }
  .footer-link{
    width: 24%;
    margin-bottom: 0.2rem;
  }

  .footer-bottom{
    max-width: 100%;
  }
}

/* Small mobile styles */
@media (max-width: 450px) {
  .footer {
      padding: 0 .2rem;
  }



  .footer-bottom-nav {
      align-items: flex-start;
      gap: 10px;
  }

  .footer-bottom-left {
      gap:10px;
  }

  .footer-middle{
    flex-direction: column;
    align-items: start;
  }
  .footer-middle-right{
    width: 100%;
    margin-top: 0.3rem;
  }
}
/* sevice */
.page-banner{
  position: relative;

}
.page-banner-img {
  position: relative;
  display: inline-block;
}

.page-banner-img-img {
  display: block;
  width: 100%;
  height: auto;
}

.page-banner-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); 
  pointer-events: none; 
}
.page-banner-text{
  width: 100%;
  max-width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.page-banner-title{
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 0.56rem;
  text-align: center;
  color: #FFF;
}

.page-banner-intro{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #FFF;
  margin-top: 0.26rem;
}

.breadcrumbs{
  margin-top: 0.3rem;
}
.breadcrumbs a,.breadcrumbs{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  color: #686868;
}
.breadcrumbs img{
  margin-right: 8px;
}

.service-quote-contain{
  margin-top: 0.53rem;
  margin-bottom: 1rem;
}

.service-quote-box {
  position: relative;
  background-color: #f5f5f5;
  border: 1px solid #009FE8;
  padding: 0.6rem 1rem;
  border-radius: 4px;
}

.service-quote p{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #444444;
}

.service-quote-icon {
  position: absolute;
  top: -10px;
  right: 0.5rem;
}


.access-container {
  width: 100%;
  max-width: 12rem;
  margin: 0 auto;
}

.access-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 47.84px;
  text-align: left;
  margin-bottom: 0.3rem;
}

.access-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;

}

.access-info {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.access-number {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  
}

.access-label{
  margin-left: 8px;
}

.access-description {
  max-width: 8.8rem;
}

.access-description p{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #444444;
}

@media (max-width: 1200px) {
 

  .access-item {
      flex-direction: column;
      align-items: flex-start;
  }

  .access-info {
      flex-direction: row;
      align-items: center;
      margin-bottom: 10px;
  }
  .access-title {
    line-height: 25px;
  }
  .access-label img{
    width: 60%;
  }
}




.asia{
  margin-top: 1rem;
}
.asia-container {
  width: 100%;

}

.asia-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 47.84px;
  max-width: 12rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;

}

.asia-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.asia-box {
  width: 48%;
  padding: 0.5rem 1rem 0.5rem 1rem;
  color: white;
   background-color: #009FE8;
     background-size: cover;
  background-repeat: no-repeat;
}

.asia-box-title{
  font-family: 'FiraSans',sans-serif;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #fff;
  margin-bottom: 0.2rem;
}
.asia-box-p{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #fff;
}
/* .asia-general {
 
} */

/* .asia-implementation {
 

} */
.asia-note{
  margin-top: 0.5rem;
}
.asia-note-p {
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: center;
  max-width: 12rem;
  color: #444444;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .asia-title {
     line-height: 25px;
  }

  .asia-section {
      flex-direction: column;
      align-items: center;
  }

  .asia-box {
      width: 100%;
      margin-bottom: 20px;
  }
}

@media (max-width: 750px) {
  .breadcrumbs{
    padding: 0 .2rem;
  }
  .service-quote-contain{
    padding: 0 .2rem;
  }
  .service-quote-box{
    padding:.5rem 0.4rem;

  }
  .access-container{
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .asia-container{
    padding: 0 0.2rem;
    box-sizing: border-box;

  }
  .asia-box{
    box-sizing: border-box;
  }
}

@media (max-width: 450px) {

}

.medicines{
  background: #F5F5F5;
  padding: 1rem 0;
  margin: 1rem 0;
}
.medicines-container {
  width: 100%;

  text-align: center;
}

.medicines-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 47.84px;
  text-align: center;
  margin-bottom: 0.5rem;
}

.medicines-countries {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.medicines-country {
  width: 100%;
  text-align: center;
}
.medicines-country-text{
  display: flex;
  justify-content: space-between;
  margin-top: 0.24rem;

}
.medicines-country img {
}

.medicines-country-subtitle{
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 35.88px;
  text-align: left;
}
.medicines-country:hover{
  color: #002FA7;
}
.carousel-control-prev, .carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  cursor: pointer;
  display: none;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.medicines-countries-wrapper:hover .carousel-control-prev,
.medicines-countries-wrapper:hover .carousel-control-next {
  display: block;
}






.summary-container {
  width: 100%;
  margin-bottom: 1rem;
}

.summary-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 47.84px;
  text-align: left;
  color: #222222;
  max-width: 12rem;
  margin-bottom: 0.3rem;
}

.summary-chart {
  display: flex;
  flex-direction: column;
}

.summary-header, .summary-row {
  display: flex;
  justify-content: space-between;
}


.summary-header-title{
  font-family: 'Fira Sans',sans-serif;
  font-weight: 500;
  line-height: 24px;
  text-align: center;

}
.summary-column {
  width: 28%;
  text-align: center;
  padding: 0.28rem 0.3rem;
  background-color: #002FA7;
  border: 1px solid #fff;
  font-family: 'FiraSans',sans-serif;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.summary-column:first-child {
  width: 16%; 
  text-align: center;
  max-width: 235px;
}

.summary-column p{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: center;
  color: #686868;
}
.summary-column img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 5px;
}
.summary-tips{
  margin-top: 0.3rem;
}
.summary-tips p{
  font-family: 'FiraSans',sans-serif;
  font-style: italic;
  line-height: 19.2px;
  text-align: left;
  font-weight: 400;
  color: #686868;
  margin-bottom: 0.3rem;
}

.summary-tips span{
  font-weight: 700;
  color: #002FA7;
}

.summary-row .summary-column{
  background-color: #EBF7FD;
}


@media (max-width: 1200px) {

  .summary-column {
      width: 24%;
  }
}

@media (max-width: 750px) {
.medicines-title{
  line-height: 25px;
} 

.medicines-container{
  padding:  0 .2rem;
  box-sizing: border-box;
}

.medicines{
  padding: 0.8rem .2rem;
  box-sizing: border-box;
}


  
  .summary-column p {
      text-align: center;
  }


  .summary-title{
    line-height: 25px;
  }
  .summary-header, .summary-row {
    min-width: 800px;
  }
  .summary-chart {
    overflow-x: auto;
    width: 100%;
  }
  .summary-title{
    padding: 0px  .2rem;
  }
  .summary-tips{
    padding: 0 .2rem;
  }
  .medicines-country-text img{
    width: 18px;
  }
  .page-banner-img-img{
    object-fit: cover;
    min-height: 220px;
    width: 100%;
    max-width: 100%;
  }
 }

/* details */
.overview{
  margin-top: 0.53rem;
}

.overview-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 47.84px;
  text-align: left;  
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #E5E5E5;
  padding-bottom: 0.24rem;
}
.overview-icon {
  width: 24px;
  height: 24px;
  background-image: url('../image/icon_title_decorate.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.overview-text p{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #444444;
  margin-bottom: 0.16rem;
}

.overview-eligibility {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}

.overview-box {
  width: 48%;
  max-width: 6.8rem;
  border: 1px dashed #002FA7;
  border-radius: 20px;
  text-align: center;
  background-color: #F5F5F5;

}

.overview-box-title{
  background-color: #EFEFEF;
  border-radius:20px 20px 0 0;
  padding: 0.28rem 0;
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  color: #002FA7;
}
.overview-box-content{
  background-color: #F5F5F5;
  padding: 0.5rem 0 0.65rem 0;
  border-radius:0 0 20px 20px ;

}
.overview-box-content p{
  max-width: 6rem;
  margin: 0 auto;
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: center;
  color: #444444;
}
.overview-subtitle {
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 10px;
}

.overview-list {
  font-size: 16px;
  line-height: 1.5;
}



.completion{
  margin-top: 1rem;
}
.completion-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.completion-container-left{
  width: 55%;
  max-width:7.46rem;
}
.completion-container-left p{
  position: relative;
  margin-bottom: 0.16rem;
  padding-left: 0.25rem;
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 1.325;
  text-align: left;
  color: #444444;

}
.completion-container-left p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height:16px;
  background-image: url('../image/icon_check.svg'); /* 替换为你的图标路径 */
  background-size: contain;
  background-repeat: no-repeat;
}
.completion-container-right{
  width: 43%;
  max-width:5.6rem;
}
.completion-container-right img{
  width: 100%;
  height: auto;
}

.related{
  background-color:#002FA7;
  background-image: url('../image/img_documents_bg.webp');
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1rem;
}

.related-container {
  padding: 1.3rem 0;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.related-container-left{
  width: 55%;
  max-width: 7.2rem;
}
.related-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 1.525;
  text-align: left;
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
}

.related-icon {
  width: 24px;
  height: 24px;
  background-image: url('../image/xiu-co.png'); /* 替换为你的图标路径 */
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.related-text p{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 1.325;
  text-align: left;
  
}

.related-documents {
  margin-top: 0.5rem;

  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom:0.5rem;
}

.related-document {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}

.related-info {
  display: flex;
  align-items: center;
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;

}

.related-doc-icon {
  width: 20px;
  height: 20px;
  background-image: url('../image/icon_pdf.svg'); /* 替换为你的文档图标路径 */
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.05rem;
}

.related-download-button {
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 23.92px;
  text-align: left;
  background-color: #51E334;  
  color: #002FA7;
  padding: 0.1rem 0.16rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  min-width: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.related-download-icon{
  width: 20px;
  height: 20px;
  background-image: url('../image/icon_btn_download.svg'); /* 替换为你的文档图标路径 */
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.05rem;
}
.related-disclaimer p{
  font-family: 'FiraSans',sans-serif;
  font-style: italic;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
}
.related-disclaimer  span{
  font-weight: 700;
  color: #51E334;

}





@media (max-width: 1200px) {

}

@media (max-width: 750px) {
  .overview{
    padding: 0 .2rem;
  }
  .overview-box{
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
  .overview-eligibility{
    flex-direction: column;
    gap: 15px;

    width: 100%;
  }

  .completion{
    padding: 0 .2rem;
  }
  .completion-container{
    flex-direction: column;
  }
  .completion-container-left{
    width: 100%;
  }
  .completion-container-left p{
    padding-left: 0.5rem;
  }
  .completion-container-left p::before{
    top: 2px;
  }
  .completion-container-right{
    width: 100%;
  }
  .related-container{
    flex-direction: column;
    padding: 0 .2rem;
  }
  .related-container-left{
    width: 100%;
  }
  .related-document{
    display: flex;

  }
  .related-info span{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .related-container-right{
    margin-top: 0.5rem;
    text-align: center;
  }
  .related-container-right img{
    width: 50%;
  }
  .related-container{
    padding: 1rem 0;
  }
}

/* medmcine */
.types-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.types-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.24rem;
  border-bottom: 2px solid #E5E5E5;
  margin-bottom: 0.5rem;
}

.types-title {
  display: flex;
  align-items: center;
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 47.84px;
  text-align: left;
  color: #222222;
}

.types-icon {
  width: 24px;
  height: 24px;
  background-image: url('../image/icon_title_decorate.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.types-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.types-search input {
  width: 100%;
  height: 100%;
  min-height: 0.6rem;
  padding: 0rem 0.2rem;
  border-radius: 90px;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  
}

.types-search button {
  position: absolute;
  right: 0.2rem;
  width: 0.2rem;
  height: 0.2rem;
  border: none;
  background: url('../image/icon_nav_search.svg') no-repeat center;
  background-size: contain;
  cursor: pointer;
  padding: 0;
}

.types-products-count {
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 30px;
  text-align: right;
  color: #222222;
}
.types-products-count  span{
  color: #002FA7;
  margin-right: 8px;
}
.types-bottom{
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
}
.types-sidebar {
  width: 23%;
  max-width: 3.2rem;
}

.types-sidebar-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #222222;
  margin-top: 0.24rem;

}

.types-list {
  list-style: none;
  padding: 0;
  margin-top: 0.3rem;
}

.types-list li {
  padding: 0.2rem 0;
  padding-left: 0.1rem;
  border-bottom: 1px dotted #D5D5D5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #222222;
}
.types-list li:first-child{
  padding-top: 0px;
}
.types-main {
  width: 75%;
}

.types-description {
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #222222;
  margin-bottom: 0.35rem;
}

.types-products {
  display: flex;
  flex-wrap: wrap;
  gap:0.4rem;
}

.types-product {
  width: 31%;
  max-width: 3.2rem;
  border-radius: 20px;
  text-align: center;
  background-color: #F5F5F5;
  padding: 0.5rem 0;
  max-height: 4.8rem;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.types-product-content{
  max-width:2.6rem;
  padding: 0 0.3rem;
}
.types-product-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 1.425;
  text-align: center;
  color: #222222;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.1rem;
  transition: color 0.3s ease;
}

.types-product-description{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 1.325;
  text-align: center;
  color: #686868;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.1rem;

}

.types-product img {
  width: 100%;
  height: auto;

}

.types-product-button {
  cursor: pointer;
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 23.92px;
  text-align: center;
  color: #222222;
  margin-top: 0.12rem;
  transition: color 0.8s ease;
}

.types-product-content:hover .types-product-title,.types-product-content:hover .types-product-button {
  color:#002FA7;
}

.types-product:hover {
  background-color: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.types-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.4rem;
}

.types-pagination-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.types-pagination-button img {
  width: 24px;
  height: 24px;
}

.types-page-number {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 90px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.types-page-number.active,
.types-page-number:hover {
  background-color: #002FA7;
  color: #fff;
}

.alpha{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.alpha-container{
  width: 100%;
}
.alpha-container-ul{
  display: flex;
  align-items: center;
  background-color: rgba(235, 247, 253, 1);
  border-radius: 20px;
  padding: 0.9rem 1.2rem;
  gap: 0.55rem;

}
.alpha-left{
  width: 25%;
  max-width: 2.5rem;
  border-right: 1px;
}
.alpha-right{
  width: 70%;
  max-width: 8rem;
}
.alpha-right p{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 30px;
  text-align: left; 
  color: #222222;
}
.alpha-right span{
  font-weight: 600;
  color: #000000;
}
.alpha-divider img {
 
}
@media (max-width: 1800px) {
  .types-products{
    gap: 20px;
  }

}
@media (max-width: 1200px) {

}

@media (max-width: 750px) {
  .page-banner-intro{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .types{
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .types-bottom{
      flex-direction: column;
  }

  .types-sidebar {
      width: 100%;
      padding-right: 0;
  }

  .types-main {
      width: 100%;
  }

  .types-products {
      /* flex-direction: column; */
      /* align-items: center; */
      flex-wrap: wrap;
  }

  .types-product {
      width: 47%;
      display: flex;
      justify-content: center;
      max-width: 100%;
  }
  .alpha-container-ul{
    flex-direction: column;
  }
  .alpha-left,.alpha-right{
    width: 100%;
  }



}

/* product-details */
.product-content{
  margin-top: 0.53rem;
}
.product-container{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1rem;
}
.product-left{
  width:45%;
  max-width: 600px;
  border: 1px solid #E5E5E5;
}
.left-prev, .right-next {
  position: absolute;
  top: 50%;
  width: 0.8rem; /* Customize the size */
  height: 0.8rem; /* Customize the size */
  z-index: 10;
  cursor: pointer;
  background-color: #D5D5D5;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.right-next{
  right: 0px;
}

.left-prev {
  left: 0px;
}



.product-right{
  width: 53%;
}
.product-bottom-container {
  width: 100%;
  box-sizing: border-box;
}
.product-text-tag{
  display: flex;
  gap: 10px;
  font-family: 'FiraSans', sans-serif;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    color: #002FA7;
}
.product-bottom-dropdown {
  margin-bottom: 20px;
}

.product-bottom-dropdown-btn {
  background-color: #fff;
  color: #444444;
  padding: 0.15rem 0;
  padding-left: 0.3rem;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
  text-align: left;
  position: relative;
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;

}

.product-bottom-dropdown-btn::after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px; 
  height: 12px; 
  background: url('../image/arrow_down.png') no-repeat center center; /* Replace with your icon path */
  background-size: contain;
  transition: transform 0.3s ease;
}

.product-bottom-dropdown-btn.active::after {
  transform: translateY(-50%) rotate(180deg);
}

.product-bottom-dropdown-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background-color: #fff;
  border: 1px solid #E5E5E5;
  border-top: none;
  padding: 0 0.3rem;
  box-sizing: border-box;
}

.product-bottom-dropdown-btn:hover {
  background-color: #f0f0f0;
}



.product-bottom-dropdown-content p {
  margin: 10px 0;
  font-family: 'FiraSans', sans-serif;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
}

.product-bottom-dropdown-content.inactive {
  border: none;
}

.product-bottom-dropdown-btn.no-content::after {
  display: none;
}
.product-bottom-dropdown-btn.no-content {
  cursor: default;
}
.product-bottom-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #222222;
  margin-bottom: 0.2rem;
}

.product-bottom-info {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 0.3rem;
  margin-bottom: 0.4rem;
}

.product-bottom-info ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0;
}

.product-bottom-info li {
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #444444;
  margin: 0.07rem 0;
}

.product-bottom-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}

.product-bottom-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 90px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  min-height: 0.6rem;
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 23.92px;

}

.product-bottom-btn.chat {
  background-color: #009FE8;
  color: #fff;
  width: 37.5%;
  max-width: 260px;
}

.product-bottom-btn.chat:hover {
  background-color: #008FCC;
}

.product-bottom-btn.quote {
  background-color: #002FA7;
  color: #fff;
  width: 62.5%;
  max-width:440px ;
}

.product-bottom-btn.quote:hover {
  background-color: #001F77;
}


.product-text h1{
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 47.84px;
  text-align: left;
  color: #222222;
  margin-bottom: 0.2rem;
}
.product-tag{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #002FA7;
}
.product-description {
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
}
.product-description p{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #686868;

}


.product-tabs {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-top: 3px solid #222222;
  border-bottom: 1px solid #efefef;

  padding: 0 1.9rem;
  padding-top: 0.35rem;

}

.product-tab-item {
font-family: 'Kanit',sans-serif;
font-weight: 400;
line-height: 30px;
text-align: left;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
  padding-bottom: 0.35rem;

}

.product-tab-item.active {
  color: #002FA7;
}

.product-tab-item.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #002FA7;
  transition: width 0.3s ease;
}

.product-tab-item:hover {
  color: #002FA7;
}

.product-tab-separator {
  width: 1px;
  height: 24px;
  background-color: #D5D5D5;
  margin-bottom: 0.35rem;
}

.product-tab-content {
  background-color: #F5F5F5;
  padding: 0.5rem 1rem;
  transition: opacity 0.3s ease;
}

.product-tab-panel {
  display: none;
  opacity: 0;
}

.product-tab-panel.active {
  display: block;
  opacity: 1;
}



.product-tab-panel p {
  margin-bottom: 0.15rem;
}

.product-tab-panel h2 {
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #444444;
  font-size: 0.24rem;
}

.product-tab-panel table {
  width: 100%;
  border-collapse: collapse;
  
}

.product-tab-panel table th, .product-tab-panel table td {
  padding: 0.3rem 0.5rem;
  text-align: left;
  vertical-align: middle;
}
.product-tab-panel table tr{
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
}

.product-tab-panel table th {
  width: 30%;
  background-color: #e5e5e5;


}

.product-tab-panel table td {
  width: 70%;
  max-width: 740px;
  word-wrap: break-word; 
  overflow-wrap: break-word; 
}



.product-tab-panel p,
.product-tab-panel h3,
.product-tab-panel h4,
.product-tab-panel h5,
.product-tab-panel table,
.product-tab-panel tr,
.product-tab-panel th,
.product-tab-panel td {
    font-family: 'FiraSans', sans-serif;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    color: #444444;
}


@media (max-width: 750px) {
  .product-tabs {
      /* flex-direction: column; */
      border-bottom: none;
      flex-wrap: wrap;
  }

  .product-tab-item {
      /* border: 1px solid #ccc; */
      border-radius: 5px;
      margin-bottom: 10px;
      width: 100%;
      text-align: left;
  }

  .product-tab-separator {
      display: none;
  }

  .product-tab-panel {
      display: none;
      opacity: 1;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
  }

  .product-tab-panel.active {
      display: block;
      max-height: fit-content; 
  }
  .product-tab-panel h2{
    font-size: 0.4rem;
  }
}


@media (max-width: 750px) {
  .product-tab-panel table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  }

  .product-tab-panel table tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .product-tab-panel table th,
  .product-tab-panel table td {
    display: table-cell;
    vertical-align: middle;
  }

  .product-tab-panel table th {
    background-color: #e5e5e5;
    width: 40%;
    padding: 0.15rem;
  }

  .product-tab-panel table td {
    width: 60%;
  }
}



.recom-section {
  margin-top: 1rem;
}

.recom-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.24rem;
  border-bottom: 2px solid #E5E5E5;
  margin-bottom: 0.5rem;
}

.recom-title {
  display: flex;
  align-items: center;
}

.recom-title h2 {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.recom-nav {
  display: flex;
  gap: 10px;
}

.recom-nav-btn {
  border: none;
  cursor: pointer;
}

.recom-carousel {
  overflow: hidden;
  position: relative;
}

.recom-carousel-inner {
  display: flex;
  transition: transform 0.5s ease-in-out;
  gap: 1rem;
}

.recom-item {
  width: 23%;
  min-width: 260px;
  max-width: 260px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 10px;
}

.recom-item img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

.recom-item h3 {
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  line-height: 29.9px;
  text-align: center;
  color: #222222;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}

.recom-item p {
  font-family: 'FiraSans', sans-serif;
  font-weight: 400;
  line-height: 16.8px;
  text-align: center;
  color: #686868;
}

/* Media queries for mobile */
@media (max-width: 768px) {
  .recom-carousel-inner {
    gap: 0; /* Remove gap for better mobile view */
  }
  .recom-item {
    width: 100%; /* Adjust the width to display one item */
    max-width: none;
  }
}

.recom-blog {
  margin-top: 1rem;
  margin-bottom: 1rem;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.blog-carousel {
  overflow: hidden;
  position: relative;
}

.blog-carousel-inner {
  display: flex;
  transition: transform 0.5s ease-in-out;
  gap: 0.4rem;
}

.blog-item {
  width: calc((100% - 0.8rem) / 3); /* For 3 items per row with 0.4rem gap */
  max-width: 440px;
  min-width: 440px;
  box-sizing: border-box;
  text-align: center;
}

.blog-item p {
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  line-height: 29.9px;
  text-align: left;
  padding: 0.3rem;
  border: 1px solid #E5E5E5;
  border-top: none;
}

/* Media queries for mobile */
@media (max-width: 750px) {
  .blog-item {
    width: 100%; 
    max-width: none;
  }
}



@media (max-width: 750px) {
  .product-container{
    flex-direction: column;
    gap: 0.4rem;
  }
  .product-left{
    width: 100%;
  }
  .product-content{
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .product-right{
    width: 100%;
  }
  .product-bottom-buttons{
    justify-content: space-between;
  }
  .product-bottom-btn.quote{
    width: 50%;
  }

  .product-tabs{
    width: 100%;
    box-sizing: border-box;
  }
  .product-tab-item {
    box-sizing: border-box;
  }
  .recom-section{
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .recom-blog{
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
}

.blog-page{
  margin-top: 0.53rem;
}

.blog-page-ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.blog-page-left{
  width: 30%;
}

.blog-page-right{
  width: 70%;
  display: flex;
  justify-content: end;
  gap: 20px;

}
.blog-page-right-left{
  width: 50%;
  max-width: 320px;
}


.blog-page-right-right{
  width: 50%;
  max-width: 400px;
}

.blog-filter{
  max-width: 116px;
  min-height: 0.6rem;
  border-radius: 90px;
  background: #F5F5F5;
  border: 2px solid #E5E5E5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
 color: #222222;
}
.blog-filter img{
  margin-right: 4px;
}

.blog-tags{
  background: #F5F5F5;
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: justified;
  display: flex;
  padding: 0.5rem 0.5rem;
  margin-top: 0.2rem;
}
.blog-tag-title{
  min-width: 1.2rem;
  margin-right: 0.2rem;
}
.blog-tag-content{
  display: flex;
  gap: 0.2rem;
  flex-wrap: wrap;
}
.blog-tag-content span{
  color: #002FA7;
}



.blog-page-item{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 60px;
  cursor: pointer;
  align-items: stretch;
  padding: 0.5rem 0;
  border-bottom: 1px dashed #D5D5D5;
}
.blog-page-item:last-child{
  border-bottom:none;
}
.blog-page-item-left{
  width: 33%;
  max-width: 440px;
}
.blog-page-item-right{
  width: 60%;
  max-width: 660px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; 
}
.blog-page-item-img{
  width: 100%;
}

.blog-page-item-title{
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: #222222;
  margin-bottom: 0.2rem;
}


.blog-page-item-tag{
  margin-bottom: 0.2rem;
}
.blog-page-item-tag span{
  background: #009FE814;
  color: #002FA7;
  padding: 2px 10px;
}

.blog-page-description{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: justified;
  color: #686868;
  margin-bottom: 0.45rem;
  display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-page-item-time{
  display: flex;

}

.blog-page-item-time p{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #686868;
}
.page-auto{
  padding-right: 0.2rem;
  border-right: 1px solid #D5D5D5;
}
.page-time{
  padding-left: 0.2rem;
}
.blog-page-item-time span{
  color: #002FA7;
}

.blog-page-item-endright{
  width: 15%;
  display: flex;
  align-self: flex-end;
  justify-content: end;
}
.circle-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.46rem;
  height: 0.46rem;
  border: 1px solid #002FA7;
  border-radius: 50%;
  font-size: 24px;
  color: #002FA7;
  text-align: center;
  line-height: 0;
  transition: background-color 0.3s, color 0.3s;
}


.blog-page-item:hover .blog-page-item-title {
  color: #002FA7;
}

.blog-page-item:hover .circle-plus {
  background-color: #002FA7;
  color: white;
}

.types-select{
  position: relative;
}

.types-select select {
  width: 100%;
  padding:0 0.3rem;
  min-height: 0.6rem;
  border: 1px solid #E5E5E5;
  border-radius: 90px; 
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  cursor: pointer;
  color: #222222;

}

.types-select::after {
  content: ''; 
  position: absolute;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 20px;
  height: 20px;
  background: url('../image/arrow_left_search.png') no-repeat center;
}

@media (max-width: 750px) {
  .types-search input[type="text"]::placeholder {
    font-size: 10px;
  }
  .types-select select,.types-search input{
    min-height: 35px;
    padding: 0 0.2rem;
  }
  .blog-filter{
    min-height: 31px;
    max-width: 80px;
  }
  .blog-page-right{
    width: 80%;
  }
  .types-search button {
    right: 15px;
    width: 13px;
    height: 13px;
  }
  .blog-page-right {
    gap: 10px;
  }
  .blog-tags{
    padding-left:20px;
    padding-right:20px;
    flex-direction: column;
    margin-top: 0.5rem;
  }
  .blog-filter img{
    width: 15px;
  }
  .types-select::after{
    width: 15px;
  }
  .blog-tag-content{
    gap: 0.08rem;
  }
  .blog-page-header{
    margin-bottom: 20px;
  }
  .blog-page-item{
    flex-direction: column;
    gap: 20px;
  }
  .blog-page-item-left,.blog-page-item-right,.blog-page-item-endright{
    width: 100%;
    max-width: 100%;
  }
  .blog-page-item-endright{
    justify-content: flex-start;
  }
  .blog-page-item-title{
    line-height: 25px;
  }
  .blog-page .recom-header,.blog-page-ul{
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .blog-tag-title,.blog-page-item-title,.blog-page-item-tag{
    margin-bottom: 15px;
  }
  .blog-page-bottom{
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
}

.about-contaciner{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.53rem;
}
.about-contaciner-left{
  width: 40%;
  max-width: 6rem;
}
.about-left-title{
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  text-align: left;
  color: #222222;
  margin-bottom: 0.5rem;
  line-height: 1.425;
}
.about-contaciner-left p{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 1.325;
  text-align: left;
  color: #444444;
  margin-bottom: 0.2rem;
}
.about-background {
  position: relative;

  width: 5rem;
  height: 5rem; 
  background: url('../image/img_about_alpha_bg.png') no-repeat center;
  background-size: cover;
  margin: 0 auto; /* Center the container */
}

.about-logo {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%; 
  height: auto;
  max-width: 2.8rem;
}

.about-badge {
  position: absolute;
  background: #EBF7FD;
  color: white;
  border-radius: 20px;
  padding: 0.1rem 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.group-img-left {
  position: absolute;
  bottom: 20%;
  left: -10%;
}
.group-img-right {
  position: absolute;
  top: 20%;
  right: -10%;
}

.about-qual-cert{
  position: relative;
  margin-top: 1rem;
}

.about-qual-cert::before {
  content: '';
  position: absolute;
  top: -0.75rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../image/img_about_footer_contact_bg.webp');
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1; 
}

.about-global-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f0f8ff; 
  padding: 0.93rem 0.7rem;
  margin-top: 0.5rem;
}

.about-contaciner-right{
  width: 50%;
}
.about-global-item {
  flex: 1;
  text-align: center;
  position: relative; 
}

.about-global-item:first-child{
  padding-right: 0.45rem;

}
.about-global-item:nth-child(2){
  padding: 0 0.45rem;
}
.about-global-item:last-child{
  padding-left: 0.45rem;
}
.about-global-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%; 
  background-color: #d3d3d3; 
}


.about-global-title {
  font-family: 'Kanit',sans-serif;
  font-weight: 400;
  line-height: 29.9px;
  text-align: center;
  margin-top: 0.24rem;
  margin-bottom: 0.2rem;
  color: #222222;
}

.about-global-description {
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: center;
  color: #686868;
}

.about-mission{
  /* background-image: url('../image/img_about_mission_bg.webp'); */
  background-repeat: no-repeat;
  background-size: cover;
}

.about-mission-title{
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 56px;
  text-align: left;
  color: #FFFFFF;

}
.about-mission-text{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #FFFFFF;
  padding-bottom: 0.8rem;
}
.about-mission-header{
  position: relative;
  max-width: 720px;
}
.about-mission-header:not(:last-child)::after {
  content: "";
  display: block;
  width: 100%; 
  border-bottom: 1px solid #FFFFFF;
}
.about-mission>.conner{
  padding: 1.27rem 0;
}

.about-mission-header:not(:last-child){
  padding-bottom: 0.8rem;
}
.about-mission-title{
  margin-bottom: 0.3rem;
}

.cert-title{
font-family: 'Kanit',sans-serif;
font-weight: 600;
line-height: 56px;
text-align: center;
margin-bottom: 0.5rem;
}

.cert-bottom-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #002FA7;
  border-radius: 20px;
  background-color: #fff;
  padding: 0.7rem 0.8rem;
  margin-top: 0.4rem;
}

.cert-bottom-item {
  display: flex;
  align-items: center;
}



.cert-bottom-text,.cert-bottom-icon {
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #444444;
}
.cert-bottom-icon {
  color: #009FE8;
  margin-right: 10px;
  font-weight: 700;
}

.contact-us{
  margin-top: 1rem;
  position: relative;
  margin-bottom: 1rem;
}

.contact-us::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../image/img_about_footer_cer_bg.webp');

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1; 
}


.contact-us-container {
  padding: 1rem;
  background-color: #f5f5f5;
  border-radius:20px;
  border: 1px solid #E5E5E5
}


.contact-us-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 15px;
}

.contact-us-input-group {
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
}

.column-group3{
  width: 32%;
}
.contact-us-input, .contact-us-textarea {
  width: 100%;
  max-width: 100%;
  padding: 0 0.3rem;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  min-height: 0.6rem;
  color: #757575;
}

.contact-us-textarea {
  resize: vertical;
 min-height: 1.5rem;
  padding-top: 0.2rem;

}

.contact-us-dropdown {
  position: relative;
}

.contact-us-dropdown button {
  width: 100%;
  padding: 0px 0.3rem;
  border: 1px solid #E5E5E5;
  text-align: left;
  cursor: pointer;
  min-height: .6rem;
  color: #757575;
}

.contact-us-dropdown button:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px; 
  height: 16px; 
  background-image: url('../image/c-down.png');
  background-size: contain;
  background-repeat: no-repeat;
}


.contact-us-dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #E5E5E5;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-top: none;
}

.contact-us-dropdown-content .options {
  padding: 0.05rem 0.3rem;
  cursor: pointer;
  color: #757575;
}

.contact-us-dropdown-content div:hover {
  background-color: #f0f0f0;
}

.contact-us-submit {
  width: 100%;
  padding: 15px;
  background-color: #002FA7;
  color: #fff;
  border: none;
  cursor: pointer;
}

.contact-us-submit:hover {
  background-color: #0047b0;
}
@media(max-width:1200px){

}
@media(max-width:750px){
  
  .about-contaciner{
    flex-direction: column;
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .about-left-title{
    margin-bottom: 0;
  }
  .about-contaciner-left{
    width: 100%;
    max-width: 100%;
  }
  .about-background{
    width: 250px;
    height: 250px;
  }
  .group-img-left,.group-img-right{
    width:65px ;
  }

  .about-logo{
    max-width: 140px;
  }
  .about-global-container{
    flex-direction: column;
  }
  .about-global-item:not(:last-child)::after {
    display: none;
}
.about-global-item{
  margin-bottom: 50px;
}
.about-global-item:nth-child(2),.about-global-item:last-child,.about-global-item:first-child{
  padding: 0;
}
.about-page{
  margin-bottom: 50px;
}
.about-mission-header{
  padding: 0 0.2rem;
}
.about-mission-title{
  margin-bottom: 0;
}
.about-mission>.conner{
  margin-bottom: 0.7rem;
}

.cert-bottom-container{
  flex-direction: column;
  box-sizing: border-box;
  padding: 0.5rem 0.8rem;
}
.about-qual-cert{
padding: 0 0.2rem;
}
.about-mission-header:last-of-type .about-mission-text {
  padding-bottom:0.2rem;
}
.about-global-item:last-child {
  margin-bottom: 0px;
}
.about-mission{
  background-image: url('../image/img_about_mission_bg_mb.webp');
  background-size: cover;
}
.contact-us-row{
  flex-direction: column;
  margin-bottom: 0;
}
.column-group3{
  width: 100%;
}
.contact-us-input, .contact-us-textarea{
  min-height: 1rem;
}
.contact-us-input-group{
  margin-bottom: 15px;

}
.contact-us-dropdown button{
  min-height: 1rem;
}
.contact-us-textarea {
  height: 100%;
  min-height: 2rem;

}

}



.contact-page{
  margin-top: 0.53rem;
  margin-bottom: 1rem;
}
.contact-container{
  width: 100%;
  display: flex;
}

.contact-item-left{
  width: 40%;
  max-width: 441px;
  min-height: 6.4rem;
  margin-right: 0.4rem;
}

.contact-item-bottom{
  margin-top: 0.2rem;
}
.contact-item{
  background-image: url('../image/img_contact_faq_bg.jpg');
  background-repeat: no-repeat;
  border-radius: 20px;
  padding: 0 0.41rem;
  padding-top: 0.4rem;
  height: 100%;
  box-sizing: border-box;
}
.contact-item-right{
  width: 70%;
  max-width: 920px;
}
.contact-item-header-title{
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 47.84px;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 0.2rem

}
.contact-item-header-text {
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #FFFFFF;

}





.contact-ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.contact-bottom-item-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 19px 0px;
  border-radius: 5px;
  color: white;
  font-weight: bold;
}

.contact-bottom-item-text a {
  color: white;
  text-decoration: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;

}

.contact-bottom-item-text a .arrow {
  font-size: 20px;
}

.contact-bottom-item-text .contact-circle {
  background-color: white;
  color: #002FA7; 
  border-radius: 50%;
  width: 19px;
  height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px; 
}

.contact-bottom-item-line {
  border-bottom: 1px dashed white;
}
.contact-num{
  display: flex;
}

.contact-item-right .contact-us-container{
  height: 100%;
    max-height: 640px;
    box-sizing: border-box;
    padding: 0.5rem;
}
.contact-us-textarea{
  height: 100%;
}

.item-right-header-title{
  font-family: 'Kanit',sans-serif;
  font-weight: 600;
  line-height: 47.84px;
  text-align: left;
  color: #222222;
  margin-bottom: 0.2rem;
}
.item-right-header-text{
  font-family: 'FiraSans',sans-serif;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #444444;
  margin-bottom: 0.4rem;
}

@media(max-width:750px){
  .contact-container{
    flex-direction: column;
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .contact-item-left{
    width: 100%;

  }
  .contact-item-header-title{
    line-height: 30.84px;
  }
  .contact-item-left .contact-item{
    padding: 0.4rem;
  }
  .contact-item-right{
    width: 100%;
    margin-top: 0.5rem;
  }
}


/* 3.26 */
.slide-text .title,.slide-text .text p{
  color:#fff;
}

.contact-us-dropdown p,.contact-us-dropdown select{
  height: 100%;
  width: 100%;
    /* border:1px solid #E5E5E5; */
}
.contact-us-dropdown select{
  border:1px solid #E5E5E5;
  color: #757575;
  padding: 0 0.3rem;
}
.contact-us-row-button p{
  width: 100%;
}
.contact-us-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('data:image/svg+xml;utf8,<svg fill="gray" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
    background-size: 16px 16px;
  
    cursor: pointer;
}



/* 026 */
.bl-d-container {
  display: flex;
  justify-content: space-between;
  margin-top: 0.69rem;
  margin-bottom: 1rem;
}

.bl-d-left {
  width:72%;
}

.bl-d-right {
  width: 26.5%;
}
.bl-d-left-article-top{
  position: relative;

  margin: 0 0.2rem;
  margin-top: -1.6rem;
}

.bl-d-left-article{
  background-color: var(--white);
  box-shadow: 0px 0px 10px 0px #18403E1A;
  padding: 0.5rem;
  box-sizing: border-box;
  border-radius: 4px;
}

.bl-d-product-img {
  width: 100%;
}

.bl-d-tags {
  margin-top: 15px;
  text-align: center;
}

.bl-d-tag {
  display: inline-block;
  color: #002FA7;
  margin-right: 16px;
}

.bl-d-title {
  font-weight: 600;
  line-height:0.4rem;
  color: #fff;
  text-align: center;
  margin-bottom: 0.4rem;
  margin-top: 0.24rem;
  
}

.bl-d-author-info {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.bl-d-author-logo {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}

.bl-d-author-name{
  font-weight: 600;
  color: #002FA7;
  line-height: 1.225;
  margin-bottom: 4px;
}

.bl-d-author-time{
  font-weight: 400;
  color: var(--dark-grey);
  line-height: 1.225;
}
.bl-d-author-info-container{
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 0.4rem;
}
.bl-d-author-info-container::after{
  content:'' ;
  position: absolute;
  bottom: 0;
  background-image: url('/wp-content/themes/Aerfa/newassets/image/fenge.svg');
  background-repeat: no-repeat;
  width: 100%;
  height: 4px;
}
.bl-d-share {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.bl-d-share span {
  margin-right: 0.24rem;
  color: var(--dark-grey);
}

.bl-d-share-icons a {
  margin-right: 10px;
}

.bl-d-catalog {
  background-color: #F5F5EE;
  padding: 0.3rem;
  margin-bottom: 10px;
}

.bl-d-catalog-title{
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  color: var(--dark-green);
  margin-bottom: 0.16rem;
}


.bl-d-catalog ul {
  list-style: none;
  padding: 0;
}

.bl-d-catalog ul li {
  margin-bottom: 10px;
}

.bl-d-catalog ul li a {
  color: #002FA7;
  text-decoration: underline;
  font-weight: 400;
}

.bl-d-related {
  background-color: #F5F5EE;
  padding: 0.3rem;
  margin-bottom: 10px;
}



.bl-d-related-tag {
  display: inline-block;
  padding: 0.07rem 0.1rem;
  background-color: #fff;
  color: #002FA7;
  border-radius: 90px;
  margin-bottom: 10px;
  font-weight: 400;
  margin-right: 0.1rem;
}

.bl-d-featured {
  background-color: #F5F5EE;
  padding: 0.3rem;
  margin-bottom: 10px;
}


.bl-d-product {
  display: flex;
  margin-bottom: 16px;
}

.bl-d-product img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 16px;
}

.bl-d-product-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bl-d-product-info p{
  margin-bottom: 0.2rem;
  color: #002FA7;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bl-d-quote-btn {
  background-color: #009FE8;
  color: #FFF;
  padding: 8px 0px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  text-align: center;
}

.bl-d-gift-card {
  background-color: #FEE691;
  padding: 0.52rem 0.3rem;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 1.3rem; 
}

.bl-d-gift-card-icon {
  width: 0.88rem;
  height: 0.88rem;
  margin-bottom: 15px;
}

.bl-d-gift-card-title {
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.35rem;
  text-align: center;
  color:#2B6A42;
  margin-bottom: 0.24rem;
  margin-top: 8px;
}

.bl-d-gift-card-text {
  color: var(--medium-grey);
  margin-bottom: 0.24rem;
  text-align: center;
}

.bl-d-gift-card-input {
  width: 100%;
  padding: 0.2rem;
  border-radius: 4px;
  margin-bottom: 10px;
  box-sizing: border-box;
  background-color: #fff;
}

.bl-d-gift-card-button {
  width: 100%;
  padding: 0.2rem;
  background-color: var(--dark-green);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.bl-d-gift-card-button:hover {
  background-color: #086B5D;
}


.bl-d-table-of-contents {
  background-color: #F5F5F5;
  border: 1px solid #e0e0e0;
  padding: 0.24rem;
  border-radius: 4px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.bl-d-toc-title {
font-weight: 600;
line-height: 1.325;
text-align: left;
  color: #002FA7;
  margin-bottom: 0.16rem;
}

.bl-d-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 0.3rem;
  border-left: 1px solid #CCCCCC;
}

.bl-d-toc-list li {
  margin-bottom: 10px;
}

.bl-d-toc-link {
  color: #002FA7;
  font-weight: 400;
  text-decoration: none;
}

.bl-d-toc-link:hover {
  text-decoration: underline;
}
.bl-d-toc-list li a.h3-toc{
  margin-left: 0.2rem; 
}


.bl-d-share-nav-container {
  margin-top: 0.5rem;
}

.bl-d-share-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  margin-bottom: 0.16rem;
}

.bl-d-line-left,
.bl-d-line-right {
  flex: 1;
  height: 1px;
  background-color: #d9d9d9;
}

.bl-d-share-text {
  font-weight: 600;
  font-size: 16px;
  color: #18403E;
  text-transform: uppercase;
}

.bl-d-share-icons {
  display: flex;
  gap: 16px;
  justify-content: center;
}

.bl-d-share-icons a img {
  width: 24px;
  height: 24px;
}

.bl-d-navigation {
  display: flex;
  justify-content: space-between;
  background-color: #F5F5EE;
  padding: 0.24rem;
  border-radius: 4px;
  margin-top: 0.24rem;
  box-sizing: border-box;
}

.bl-d-prev,
.bl-d-next {
  flex: 1;
}

.bl-d-nav-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #18403E;
}

.bl-d-nav-arrow {
  font-weight: 600;
  line-height: 1.125;
  text-align: left;
  color: #002FA7;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bl-d-nav-text{
  font-weight: 400;
  color: #002FA7;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bl-d-next .bl-d-nav-text{
  text-align: right;
}
.bl-d-next .bl-d-nav-arrow {
  text-align: right;
  justify-content: end;

}

.bl-d-navigation a:hover{
  text-decoration:none;
}

.bl-d-related-articles {
  margin-top: 0.5rem;

}

.bl-d-related-title {
  font-weight: 600;
  line-height: 1.425;
  text-align: left;
  color: #002FA7;
  margin-bottom: 0.24rem;
}

.bl-d-article-item {
  display: flex;
  align-items: center;
  padding: 0.24rem 0;
  border-bottom: 1px dotted #E0E0E0;
}

.bl-d-article-img {
  width: 30%;
  height: auto;
  margin-right: 0.4rem;
}

.bl-d-article-img img {
  width: 100%;
  height: auto;
}

.bl-d-article-content {
  width: 45%;
}

.bl-d-article-title {
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  color: #002FA7;
  margin-bottom: 0.24rem;
  
}

.bl-d-article-date {
  color: var(--dark-grey);
 
}

.bl-d-article-arrow {
  width: 0.4rem;
  text-align: center;
}

.bl-d-article-arrow a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.bl-d-article-arrow a img {
  width: 100%;
  height: auto;
}

.bl-d-article-content-text{
  display: flex;
  width: 93%;
  align-items: center;
}
.bl-d-article-item:first-of-type{
  padding-top: 0;
}
.bl-d-article-item:last-child{
  padding-bottom: 0;
  border-bottom: none;
}


.bl-d-maybe-like {
  margin-top: 0.5rem;
}

.bl-d-maybe-like-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.24rem;
}

.bl-d-maybe-title {
  font-weight: 600;
  line-height: 1.325;
  color: #002FA7;
}

.bl-d-maybe-view-all {
  color: #002FA7;
  text-decoration: underline;
  
}

.bl-d-maybe-like-content {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.bl-d-maybe-item {
  width: 29%;
  background-color: #fff;
  border-radius: 0.12rem;
  text-align: center;
  box-sizing: border-box;
  transition: transform 0.3s ease;
}

.bl-d-maybe-item:hover {
  transform: translateY(-5px);
}

.bl-d-maybe-img {
  margin-bottom: 12px;
  border: 1px solid #EEEEEE;
  border-radius: 0.12rem;

}

.bl-d-maybe-img img {
  width: 100%;
  height: 2.8rem;
  object-fit: cover;
  border-radius: 0.12rem;

}

.bl-d-maybe-name {
  font-weight: 600;
  text-align: center;
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bl-d-last-name,.bl-d-last-intro{
  text-align: left;
  margin-bottom: 0.16rem;
      display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bl-d-last-titme{
  font-weight: 400;
  line-height: 1.225;
  text-align: left;
  color: var(--dark-grey);
}

.bl-d-last-img{
  border: none;
}
.bl-d-last-img img{
  border-radius: 0;
}

.quote-popup-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}

.quote-popup-content {
  background: #fff;
  max-width: 8rem;
  width: 90%;
  margin: 0 auto;
  padding: .3rem;
  position: relative;
  border-radius: 8px;
}

.quote-popup-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 0.28rem;
  font-weight: bold;
  cursor: pointer;
}

.quote-popup-form {
  margin-top: 0.2rem;
}


.default-faq{
  margin-top: 1rem;
}

.default-faq-container {
  width: 100%;
  margin: 0 auto;
  
}

.default-faq-item {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 0.24rem;
  overflow: hidden;
  transition: all 0.4s ease;
}

.default-faq-question {
  border: 2px solid #EEEEEE;

  padding: 0.2rem 0.4rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  box-shadow: 0px 0px 10px 0px rgba(22, 26, 21, 0.1);

  transition: background 0.4s ease;

}

.default-faq-question:hover {
  background-color: #f5f5f5;
}

.default-faq-answer {

  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

.default-faq-answer.active {
  height: auto;
  opacity: 1;
  padding-left: 0.62rem;
  padding-top: 0.24rem;
}

.default-faq-question .arrow {
  transition: transform 0.4s ease;
}

.default-faq-question.active .arrow {
  transform: rotate(180deg);
}
.default-faq-question-h3{
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  color: #232323;
}

.default-faq-answer{
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  color: #484a4a;
}
.default-faq-question-h3 span{
  color: #002FA7;
  font-weight: 600;
  display: inline-block;
}


.default-faq-question .arrow{
  width: 0.32rem;
  height: 0.32rem;
}

.default-faq .title-header{
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
    .explode-text {
        max-width: 100%;
        margin-bottom: 0.3rem;
        width: 100%;
    }
        .alpha_features {
        flex-direction: column;
        align-items: center;
        
    }
    .alpha_feature{
      max-width: 6rem;
    }
        .new-container {
        flex-direction: column;
    }
    .alpha-divider{
      display: none;
    }
    .types-sidebar{max-width: 100%;}
    .product-tab-content{
      padding: 1rem 0.3rem;
    }
    .product-tabs{padding: 0 0rem;}
    .product-tab-item{width: 45%;}
    .product-tabs{gap: 0.3rem;}
}