/* Publish */

body.landing-page{
  background-color:#ffffff;  /* F6F9FF */
}
.mt-20{
  margin-top:20px;
}
.mt-40{
  margin-top:40px;
}
.pd-t-40{
  padding-top:40px;
}
.logo-footer{
  width: 80%;
}
.mt-cal{
  margin-top: 120px;
}
/*--Navigation--*/
.navbar-right{
  margin-right:-45px;         /*รูปปุ่มแอดไลน์ แปะด้านซ้ายตรง Navigation */
}
.navbar-default .navbar-toggle .icon-bar{ /*Navigation บน Mobile */
  background-color: #ffffff;
}
/*--ปุ่ม Go to top--*/
.btn-gototop{
  width:50%;
}
/*-- Img Banner --*/
.img-size{
  margin:40px 0px 0px 0px;
  width: 100%;
}
/*-- Font Banner --*/
.font-top-left-white {
  font-family: "Inter", sans-serif;
  color:#FFFFFF;
  font-size:40px;
  text-shadow: 2px 2px 4px #000000;
  font-weight:600;
}
.font-top-left-white1 {
  font-family: "Inter", sans-serif;
  color:#FFFFFF;
  text-shadow: 2px 2px 4px #000000;
  font-size:80%;
  font-weight:600;
  margin-bottom: 14px;
}
.bullet-img{
    padding-right:10px;
    width:34px;
}
.list1{
  padding-left:0px;
  margin: 0;
  list-style-type: none;
  font-size: 100%;
  font-family: "Inter", sans-serif;
  font-style: normal;
}
.font-normal-banner{
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight:500;
  line-height:44px;
  color:#ffffff;
  padding: 26px 20px 0px 20px;
}
.font-primary-h2-detail{
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight:500;
  color:#ffffff;
  line-height:auto;
}
.font-primary-h2-detail1{
  padding:15px 20px 12px 20px;
  font-size: 26px;
  font-family: "Inter",sans-serif;
  font-weight:500;
  color:#ffffff;
  line-height: 24px;
}

/*-- Banner orange --*/
.bg-orange{
  margin-top:150px;
  background-image:linear-gradient(to right, #F99634, #DF5920);
  min-height: 150px;
  padding:32px 10px 0px 0px;
  align-items: center;
}
.bg-qrcode{
  margin-top:-100px;
  background-image:linear-gradient(to bottom right, #174752, #349FB8);
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-top:1px solid #ffffff;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  width:200px;
  height:215px;
  padding: 30px 0px 30px 0px;
}
.imgposition-call-qrcode{
  margin-top:-100px;
}
.imgsize-call-qrcode{
  width:100%;
}
.call-box {
  display: flex;
  align-items: center;   /* จัดกึ่งกลางแนวตั้ง */
  gap: 15px;             /* ระยะห่างระหว่างไอคอนกับตัวหนังสือ */
  height: 100%;          /* ให้เต็มความสูง parent */
}
.call-icon img {
  max-width: 60px;       /* ขนาดไอคอน */
  height: auto;
}
.call-text {
  display: flex;
  flex-direction: column;
  justify-content: center; /* ทำให้ 2 บรรทัดอยู่กลางแนวตั้ง */
}
.thankyou{
  padding:30px 0px 0px 100px;
}
.mb-10{
  margin-bottom:10px;
}
.mb-30{
  margin-bottom:30px;
}
/*--ประเภทหิน, ดิน, ทราย หน้าหลัก--*/
.hide-bb{
  border-bottom:none;
}
.option12{
  margin:0px 10px 0px 10px;
  color: #555555;
}




.bg-box-gray{
  background-color:#F6F6F6;
  margin-top: 20px;
  padding:20px;             /* เว้นระยะรอบๆ */
  display: inline-block;     /* ให้พื้นหลังโอบตามความกว้างของ table หรือรูป */
  border-radius: 8px;

}
.img-toggle {
  cursor: pointer;
  transition: opacity .3s;
  opacity: 0.5; /* เริ่มต้นให้จาง */
}
.img-toggle.active {
  opacity: 1;   /* ถ้ารูปที่เลือก ให้ชัด */
  border-bottom: 10px solid #FF994A;
}
.next-color{
  color:#ffffff;
  background-color: blue;
  padding: 10px;
}

.kp-font-subject-box {
    font-family: "inter",sans-serif;
    color:#104B59;
    font-size:20px;
    font-weight:600;
    padding: 0px 0px 8px 0px;
  }


.inter-uniquifier {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/*--bg-tab-cal--*/
.bg-tab-cal{
  background-color:#EBEEF0;
}
.tab-menu {
  background: #EFEFEF; /* e9edf0 */
  padding: 10px 40px;
}
.text-mini-menu li a{
  color:#f36c21;
}
.tab-menu ul {
  display: flex;
  justify-content: center; /* จัดให้อยู่ตรงกลาง */
  list-style: none;         /* <<< ลบจุด bullet */
  padding: 0;
  margin: 0;
  position: relative;
}
.tab-menu li a{
  margin: 0 10px; /* ระยะห่างระหว่างแท็บ */
  padding: 10px 0;
  cursor: pointer;
  font-size: 16px;
  color: #555;
  position: relative;
}

.tab-menu li.active {
  color: #d9531e; /* สีส้มแดง */
  font-weight: bold;
}

.tab-menu .tab-underline {
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto; /* 4px */
  background: #f36c21; /* เส้นสีส้ม */
  transition: all 0.3s ease;
}

.tab-menu a {
  color: #555; /* สีเทาสำหรับแท็บที่ไม่ได้เลือก */
  text-decoration: none;
  font-weight: normal;
}

.tab-menu li.active a {
  color: #f36c21; /* สีส้มสำหรับแท็บที่เลือก */
  font-weight: bold;
}

.tab-menu a:hover {
  color: #f36c21; /* เวลา hover ให้เปลี่ยนเป็นสีส้ม */
}
.font-topic-tab-cal{
  font-weight: bold;
  color:#555555;
  margin-bottom:14px;
  font-size:16px;

}
/*------------*/
/*---contactus-----*/
.bg-contactkp {
  background: #EFEFEF; /* e9edf0 */
  padding:20px;
  margin:0px 10px 10px 10px;
  width:47.5%;
  border-radius:8px;
  float: left;
/*width:49%;*/
}
.font-contact-type{
  font-family: "inter",sans-serif;
  color:#7c7e7f;
  font-size:20px;
  font-weight:600;
  padding-right:10px;
}
.font-contact-input{
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight:400;
    color:#414141; /*--3c506a--*/
}

/*-----------------*/
.font-cal-ex1{
  font-size: 18px;
  font-family: "Inter", sans-serif;
  color:#344054; /* #0F082B;*/
}
.font-cal-ex2{
  font-size: 16px;
  font-family: "Inter", sans-serif;
  color:#344054; /* #0F082B;*/
  margin-top: 6px;
  line-height: 26px;
}
.ex1-bold{
  color:#344054;
  font-weight:600;
}
.org-ex{
  color:#DF5920;
  font-weight:600;
}
.green-ex{
  color:#1A882C;
  font-weight:600;
}
.blue-ex{
  color:#46ABC2;
  font-weight:600;
}
.font-group1{
  color:#104B59;
  font-size:14px;
  margin-bottom:20px;
  background-color:#D8E8EB;
  padding:8px;
  border-radius:5px;
  width:100%;
}
.font-group2{
  color:#df5920;
  font-size:14px;
  margin-bottom:20px;
  background-color:#fedfc9;
  padding:8px;
  border-radius:5px;
  width:100%;
}
.bg-cal-ex1{
  background-color:#f7f9fa;
  width:100%;
  padding:20px;
  margin-bottom:10px;
  border-radius:8px;
}
.bg-cal-ex2{
  background-color:#fff8f4;
  width:100%;
  padding:20px;
  margin-bottom:10px;
  border-radius:8px;
}

.bg-tab{
  margin-top: 50px;
  background-color:transparent; /*D2D6F0*/
  border-radius:10px;
  width:100%;
  font-size:20px;
}
.tab-item{
  width:25%;"
  border-radius:20px;
  font-size: 10px;
  font-family: "Inter", sans-serif;
  font-weight:600;
  color:#ffffff;
  line-height:auto;
}
.landing-page .nav li a{
  color:#5E6594;
  font-weight:600;
  font-size:20px;
  font-family: "Inter", sans-serif;
}
.inactive-tab{
  background-color:#ffffff; /*#E6E9F2*/
  height:auto;
  border-radius:10px;
  box-shadow: 0 3px 5px 0 rgb(230, 233, 242), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.line-section{
  width: 120px;
  border:2px #e9ecfe solid;
  margin-bottom: 20px;
  opacity: 15;
}
/*--Tab--*/
.tabs{
  display:flex;
  border-bottom:2px solid #ddd; gap:6px;
}
.tab-cal{
  padding:10px 16px;
  cursor:pointer;
  border:1px solid #ddd;
  border-bottom:none;
  /*background:#FFEAE2;*/
  color:#414141;
  border-radius:8px 8px 0 0;
}
.panel {
  display: none;   /* ซ่อนทุก panel เป็นค่าเริ่มต้น */
}

.panel.active {
  display: block;  /* แสดงเฉพาะ panel ที่ active */
}

.tab-cal.active {
  background:#ffffff;
  color: #DF5920;
  border-top:3px solid #DF5920;
  font-weight:600;
  font-family: arial, sans-serif;
}
.bg1-row-cal{
  background:#F9F9F9;
  width:100%;
  padding:20px;
  margin-bottom:10px;
  border-radius:8px;
}
.bg2-row-cal{
  background:#F9F9F9;
  width:100%;
  padding:20px;
  margin-top:0px;
  margin-bottom:10px;
  border-radius:8px;
}
.row-cal-row1{
  display:flex;
  align-items:center;
  width:100%;
  /*float:left;*/
}
.row-cal-row1 label {
  width:auto;
  margin-left: 10px;
}
.row-cal-row1 input {
   /*flex:1;
   min-width:0;*/
   width:20%;
   padding:8px 10px;
   border:1px solid #d1d5db;
   border-radius:8px;
   margin-left: 10px;
 }
 .row-cal-row2{
   display:flex;
   align-items:center;
   width:100%;
   /*float:left;*/
 }
 .row-cal-row2 label {
   width:auto;
 }
 .row-cal-row2 input {
    /*flex:1;
    min-width:0;*/
    width:auto;
    padding:8px 10px;
    border:1px solid #d1d5db;
    border-radius:8px;
    margin-left:10px;
  }

 .btns {
   display:flex; gap:10px;
   margin-top:10px;
   flex-wrap:wrap;
 }

 button {
   padding:9px 14px;
   border:0;
   border-radius:8px;
   cursor:pointer;
   font-size:14px;
 }
 .primary {
    background:#1C5764;
    color:#fff;
    font-size:18px;
    font-weight:600;
    width:120px;
  }
  .primary:hover {
     background:#f36c21;
     color:#fff;
     font-size:18px;
     font-weight:600;
     width:120px;
   }
 .ghost {
   background:#ffffff;
   color:#6F6F6F;
 }
 .ghost:hover {
   color:#1C5764;
   background:#D8E8EB;
 }
 .result {
    margin-top:12px;
    padding:12px;
    border:0px dashed #d1d5db;
    border-radius:10px;
    background:#D8E8EB;
    line-height:1.6;
    color:#1C5764;
  }
  .font-result1{
    font-size:18px;
    font-weight:bold;
    color:#1C5764;
  }
  .font-result2{
    font-size:16px;
    font-weight: 200;
    color:#1C5764;
  }
  #cal2{
    padding-top:120px;
  }


/*--index page--*/

table, th, td {
  border: 0px solid #000;
  padding: 8px;
  }

table {
  font-family: arial, sans-serif;
  border-collapse: separate; /* collapse */
  width: 100%;
  float: left;
  border-spacing:6px 6px;
}
td, th {
  border:0px solid #EFEFEF;
  text-align: left;
  /*padding:0px;   padding:4px 0px 4px 0px;*/
  padding: 0px 0px 0px 10px;
  border-radius:6px;
}


.col1{
  width:25%;
  margin-top: 0px;
  border-bottom:1px solid #E9E9E9;
  border-radius:0px;

}
.col2{
  width:20%;
  font-weight: 600;
  border-bottom:1px solid #E9E9E9;
  border-radius:0px;
}
.col3{
  width:50%;
  border-bottom:1px solid #E9E9E9;
  border-radius:0px;
}

tr{
  background-color:transparent;
}
th{
  border: 0px solid #424993;
  background-color: #16788E;
  color:#ffffff;
  padding:10px;
  font-weight: 600;
}
.th-col1{
  border: 0px solid #424993;
  text-align: left;
  background-color: #C56F4A;
  color:#ffffff;
  padding: 10px;
  font-weight: 600;
  border-radius:6px;
}
.th-col2{
  border: 0px solid #424993;
  text-align: left;
  background-color: #2C879C;
  color:#ffffff;
  padding: 10px;
  font-weight: 600;
  border-radius:6px;
}
.th-col3{
  border: 0px solid #424993;
  text-align: left;
  background-color: #0B6B81;
  color:#ffffff;
  padding: 10px;
  font-weight: 600;
  border-radius:6px;
}
.th-col4{
  border: 0px solid #424993;
  text-align: left;
  background-color: #023341;
  color:#ffffff;
  padding: 10px;
  font-weight: 600;
  border-radius:6px;
}
.th-col5{
  border: 0px solid #424993;
  text-align: left;
  background-color: #7C8D97;
  color:#ffffff;
  padding: 10px;
  font-weight: 600;
  border-radius:6px;
}
.bg-row1{
  border-bottom:none;
  background-color:#F0F0F0;
  border-radius:6px;
  padding:0px 0px 0px 10px;
}
.bg-row2{
  border-bottom:none;
  background-color:#F9F9F9;
  border-radius:6px;
  padding:0px 0px 0px 10px;
}
.group-color{
  border: 1px solid #344054;
  text-align: left;
  background-color: #344054;
  padding: 8px;
  color: #ffffff;
}

a{
  color:#FFD947;
}
a:focus, a:hover{
  color:#FFD947;
}
.hide-desktop{
  display: none
}
.timeline-item .content {
  border-left: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  padding-top: 10px;
  min-height:200px;
}
.timeline-item .content:hover{
background: transparent;
}
/*--------------Font------------*/
.font-topic-1 {
  font-family: "inter", sans-serif;
  color:#104B59;
  font-size:24px;
  font-weight:600;
}
.font-topic-2 {
  font-family: "inter", sans-serif;
  color:#DF5920;
  font-size:24px;
  font-weight:600;
}
.font-normal-1{
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight:400;
  color:#414141; /*--3c506a--*/
  margin-top: 6px;
  line-height:auto;
}
.font-normal-1-box{
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight:400;
  color:#414141;
  margin-top: 6px;
  line-height:auto;
}
.font-pt-org{
  padding:10px 0px 10px 20px;
  float: right;
}
.kp-font-normal-org{
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight:400;
  color:#DF5920;
  line-height:auto;
}
.kp-font-normal-org:hover{
  color:#DF5920;
}
.kp-font-normal-org-box{
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight:400;
  color:#DF5920;
  line-height:auto;
}
.kp-font-normal-org-box:hover{
  color:#DF5920;
}



/*---------Collapse------------*/
.collapsible {
  background-color: #E3ECFF;
  font-family: "Inter", sans-serif;
  color:#424993;
  font-weight:400;
  cursor: pointer;
  padding: 16px;
  font-weight: 600;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  border-radius: 10px;
}
.collapsible1 {
  background-color: #424993;
  font-family: "Inter", sans-serif;
  color:#ffffff;
  font-weight:400;
  cursor: pointer;
  padding: 16px;
  font-weight: 600;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  border-radius: 10px;
}

/*.active, .collapsible:hover {
  background-color: #3F4BCE;
  color:#ffffff;
}*/

.collapsible:after {
  content: '\002B';
  color:#424993;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.collapsible1:after {
  content: '\002B';
  color:#ffffff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


/*.active:after {
  content: "\2212";
}*/

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  /*background-color: #ffffff;*/
  margin-bottom: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;

}
.landing-page section p{
    color:#0F082B;
}
.detail-faq{
  padding: 20px;
  font-size:16px;
  color: #3c506a;
}

/*-------tpo up button---------*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: -20px;
  z-index: 99;
  /*font-size: 18px;*/
  border: none;
  outline: none;
  background-color:transparent;
  color: white;
  cursor: pointer;
  padding: 15px;
  /*border-radius: 4px;*/
}
 .bg-bn-service{
   margin-top:-160px;
  padding: 0px 40px 20px 40px;
 }
 .media-radius{
   border-radius: 10px;
 }
 .gallery-box{
   border-radius:8px;
   width:17.7%;
 }


 .img-size-bn-service1{
   margin:40px 0px 0px 0px;
   width: 80%; /*--60%--*/
 }
 .img-size-bn-customer{
   width: 90%;
 }
 .img-kp-mini1{
   width:26%;
   margin-bottom:20px;
 }
 .img-kp-mini2{
   width:100%;
   padding: 10px;
 }

/*-----------------------------------------------Common-----------------------------------------------*/

.kp-iconsize-footer{
    padding:5px 4px 0px 0px;
    width:30px;
    margin-bottom: 10px;
}
.kp-footer-minibg{
  background-color:#023341;
  padding:10px;
  border-top:1px solid #385E6A;"
}
.hight-component{
   padding:8px 0px 8px 0px;
}
.border-section{
  border-top: 1px dotted #ABAEDC;
  margin-top: 60px;

}
.border-component{
  border-bottom: 1px dotted #ABAEDC;
  padding:8px 0px 6px 0px;
}
.number{
  background-color: #D2D6F0;
  font-size: 14px;
  color: #5E6594;
  padding: 2px;
  width: 24px;
  height:auto;
  border-radius: 100px;
}
/*--margin--*/
.margin-section-mg-40{
  margin-top: 40px;
}
.width-text{
  margin: auto;
  width: 100%;
}
.width-text-team{
  width: 80%;
}
.mg-b-20{
  margin-bottom: 20px;
}
.mg-t--120{
  margin-top: -120px;
}
.mg-t--160{
  margin-top: -160px;
}

.mg-t-10{
  margin-top:10px;
}
.mg-t-40{
  margin-top: 40px;
}
.mg-t-50{
  margin-top:50px;
}
.mg-t-100{
  margin-top:100px;
}
.m-t-60{
  margin-top:60px;
}
.mg-b-40{
  margin-bottom: 40px;
}
.mg-b-20{
  margin-bottom: 20px;
}
.bg-package{
  background-color: #E9F1FF;
  border-radius: 10px;
  height: 890px; /*--890px--*/
  padding: 30px 20px 0px 20px;
}

/*--font--*/

.kp-font-footer-normal{
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight:400;
  color:#B3C2C6;
  margin-top: 0px;
  line-height: 24px;

}
.font-normal-1-white-footer{
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight:500;
  color:#ffffff;
  margin-top: 0px;
  line-height: 24px;
  opacity: 0.5;

}
.font-items-1{
  font-size: 16px;
  font-family: "Inter", sans-serif;
  color:#667085;
}
.font-normal-service-e{
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight:600;
  line-height: 30px;
  color:#344054;
  padding-bottom: 10px;
}
.font-normal-service-h1-white{
  font-family: "Inter", sans-serif;
  font-size: 26px;
  font-weight:600;
  line-height: 24px;
  color:#ffffff;
  padding: 30px 0px 30px 0px;

}
.font-normal-service-h1{
  font-family: "Inter", sans-serif;
  font-size: 26px;
  font-weight:600;
  line-height: 34px;
  color:#0d2c54;



}
.font-normal-service-h1-detail{
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight:400;
  line-height: 24px;
  color:#667085;
}
.font-p-1{
  color:#3F4BCE;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight:600;
  margin-bottom:20px;
}
.font-p-2{
  color:#344054;
  font-family: "Inter", sans-serif;
  font-size: 26px;
  font-weight:600;
  line-height:30px;
  margin-bottom:20px;
}
.font-p-3{
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight:400;
  color:#344054; /* #0F082B;*/
  margin-top: 6px;
  line-height: 24px;
}
.font-p-4{
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight:600;
  color:#344054; /* #0F082B;*/
  margin-top: 6px;
  line-height: 20px;
}
.padding-check{
  font-size: 20px;
  font-family: "Inter", sans-serif;
}
.position-right{
  float: right;
}
.font-dev-feature{
  background-color: #E3ECFF;
  height:50px;
  padding: 10px 0px 0px 0px;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 6px;
}
.font-dev-project{
  background-color: #E3E5FF;
  height:50px;
  padding: 10px 0px 0px 0px;
  width:100%;
  margin-bottom: 10px;
  border-radius: 6px;
}

/*--btn--*/
.btn-primary-1 { /*-- ปุ่มหลัก --*/
  background-color: #3F4BCE;
  font-family: "Inter", sans-serif;
  color: #FFFFFF;
  border-radius: 16px;
  font-size: 16px;
  font-weight:500;
  padding: 20px 40px 20px 40px;
  box-shadow: 0 4px 8px 0 #9DA6F6, 0 6px 20px 0 #9DA6F6;
}
.btn-primary-1:hover{
  background-image: -moz-linear-gradient(0deg, #04D6D9 0%, #3F4BCE 100%);
  background-image: -webkit-linear-gradient(0deg, #04D6D9 0%, #3F4BCE 100%);
  font-family: "Inter", sans-serif;
  color:#FFFFFF;
  border-radius: 16px;
  font-size: 16px;
  font-weight:500;
  padding: 20px 40px 20px 40px;

}
.btn-primary-portfolio { /*-- ปุ่มตัวอย่างผลงาน --*/
  background-color: #5E6594;
  font-family: "Inter", sans-serif;
  color: #FFFFFF;
  border-radius: 6px;
  font-size: 16px;
  padding: 10px 14px 10px 14px;
}
.btn-primary-portfolio:hover{
  background-color:#3F4BCE;
  color: #FFFFFF;
}
.btn-primary-contact { /*-- ปุ่มติดต่อเรา --*/
  background-color: #D2D6F0;
  font-family: "Inter", sans-serif;
  color: #5E6594;
  border-radius: 6px;
  font-size: 16px;
  padding: 10px 14px 10px 14px;
  margin-left:4px;
}

.btn-primary-contact:hover{
  background-color:#FFFFFF;
  border: 1px solid #D2D6F0;
  color: #5E6594;
}

.img-box{
  width: 16%;
  margin:5px;
}
.img-box-cal{
  width: 70%;
  border-radius:5px;
}
.img-box-blog{
  width:50px;
  height: auto;
  border-radius: 5px;
  margin-right: 10px;
}
.img-size-bn-service{
  margin:20px 0px 0px 40px;
  width: 60%;
}
.tag{
  float:right;
  background-color:#ADB2E6;
  color:#ffffff;
  font-family: "Inter", sans-serif;
  font-size:14px;
  font-weight: 500;
  padding: 6px;
  border-radius: 4px;
  position:absolute;
}


/*-----------------------------------------------Navigate-----------------------------------------------*/
/*--Logo--*/
.logo-main-desktop{
  float: left;
  width: 50%;
  /*position:absolute;
  margin-top: 20px;
  margin-bottom: 20px;*/
}
.container1{
  display: block;
  margin-left: 20px;

}

/*--เมนูขวา--*/
.container2{
  margin-right:10px;

}
.navbar-nav>li>a{
  line-height:0px;
}
.landing-page .navbar .navbar-header{
  float: left;
}
.landing-page .navbar-default .nav li a{
    color:#ffffff;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    text-transform:none;
    font-weight: 400;
    letter-spacing:0px;
    margin-top:20px;
    margin-bottom: 20px;
}
.landing-page .navbar-default .nav> li > a:hover{
    color:#ffffff;/*AEFEFF*/
    font-family: "Inter", sans-serif;
    text-transform:none;
    font-weight: 400;
    letter-spacing:0px;
}
.landing-page  .navbar-scroll.navbar-default .nav li a:hover{
  color:#FF994A !important;
}

/*--ปุ่มติดต่อเรา--*/
.btn-nvg-contact{
  background-color:#E3ECFF;
  font-family: "Inter", sans-serif;
  color: #3F4BCE !important;
  border-radius: 6px;
  font-size: 16px;
}
.btn-nvg-contact:hover{
  background-color: #3F4BCE !important;
  color: #ffffff !important;
}
/*--พื้นหลัง--*/
.navbar{
  margin-top:0px; /*--20px--*/
  margin-left:0px;  /*--40px--*/
  margin-right:0px; /*--40px--*/
  border-radius:0px; /*--12px--*/
  /*box-shadow: 0 4px 8px 0 #E5ECFC, 0 6px 20px 0 #E5ECFC;*/
}
/*-----------------------------------------------Banner Slide-----------------------------------------------*/
/*--Text ซ้าย--*/
.img-banner-left{
   /*margin:60px 0px 0px 60px;*/
    margin:60px 0px 0px 0px;

}
.carousel-caption{
  text-shadow: none;
}
.landing-page .carousel .item{
  background-color:#FFFFFF;
  height:500px
}

.text-top-left-bk {
  font-family: "Inter", sans-serif;
  color:#0F082B;
  font-Size:40px;
  font-weight:600;
  margin-bottom: 14px;
}
.font-top-faq {
  font-family: "Inter", sans-serif;
  color:#0d2c54;
  font-Size:16px;
  font-weight:600;
  line-height: 24px;
}
.font-top-left-black-h1 {
  font-family: "Inter", sans-serif;
  color:#FF994A;
  font-Size:32px;
  font-weight:600;
  text-shadow: 2px 2px 4px #000000;
}
.font-top-left-black-h1-white {
  font-family: "Inter", sans-serif;
  color:#ffffff;
  font-Size:20px;
  font-weight:700;
  opacity: 0.7;
  line-height: 30px;
}
.kp-font-footer-topic {
  font-family: "Inter", sans-serif;
  color:#ffffff;
  font-Size:16px;
  font-weight:700;
}
.text-top-left-black-normal{
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight:500;
  line-height: 30px;
  color:#344054;
}

.list-note{
  padding: 0 0 0 24px;
  margin: 0;
  list-style-type: none;
  font-size: 12px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  color: #3F4BCE;
  line-height:26px;
}

.list{
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  color: #344054;
  line-height:26px;
}

/*--Image ขวา--*/
.img-banner-right{
   margin:0px 0px 0px 0px;
}

.container {
  position: relative;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.note{
  padding: 14px;
  border-radius: 8px;
  /*background-image: linear-gradient(140deg, #575B8C 0%, #575B8C 50%, #878DDC 75%);*/
  background-color: #5E6594;
  bottom: 0px;
}
.note-no-radio{
  padding: 14px;
  background-color: #2C2A3A;
  /*background-image: linear-gradient(140deg, #575B8C 0%, #575B8C 50%, #878DDC 75%);*/
  bottom: 0px;
}
.font-note{
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight:300;
  color:#ffffff;
  margin-top: 6px;
  line-height: 20px;
}

/*-----------------------------------------------Box-----------------------------------------------*/
/*--- Box Overview ---*/
.box-overview{
  font-family: "Inter", sans-serif;
  /*--backdrop-filter:blur(20px);*/
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.2); /* สีพื้นหลังเป็นสีดำ (0,0,0) ที่มีความทึบแสง 50% */
  /*--box-shadow: 0px 10px 0px #EDEFFE;*/
  padding:10px 20px 10px 20px;
  border-radius: 10px;
  width:23%;
  margin-left: 20px;
  height:auto;

}
.box-overview1{
  font-family: "Inter", sans-serif;
  color:#ffffff;
  background-image: linear-gradient(to right, #F99634, #DF5920);
  /*box-shadow: 0px 10px 0px #EDEFFE;*/
  padding:10px 20px 10px 20px;
  border-radius:10px;
  width:23%;
  height:auto;

}
.box-hl1{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.2); /* สีพื้นหลังเป็นสีดำ (0,0,0) ที่มีความทึบแสง 50% */
  width:120%;
  margin-right:0px;
  margin-bottom:3px;
}
.box-hl2{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.2);
  width:120%;
  margin-right:0px;
  margin-bottom:3px;
}
.font-primary-h2{
  font-size: 50px;
  font-family:sans-serif;
  font-weight:700;
  color:#0d2c54; /* 323993*/
}

.font-call-on-org1{
  font-size: 22px;
  font-family: "Inter",sans-serif;
  font-weight:600;
  color:#ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  line-height:auto;
  padding-bottom: 8px;
}
.font-call-on-org2{
  font-size: 30px;
  font-family: "Inter",sans-serif;
  font-weight:800;
  color:#FFD947;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.box-underbanner{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  padding:20px;
  min-height: 350px;
  border-radius: 10px;
  width: 30%;
  margin-left: 26px;
  margin-bottom: 30px;
}
.lightBoxGallery img{
  margin:10px;
  float:left;
}
.lightBoxGallery-index img{
  margin:10px;
  float:left;
}

/*--- Box Service ---*/
.box-bg{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);
  box-shadow: 0px 10px 0px #EDEFFE;*/
  padding:20px;
  /*min-height: 350px;*/
  border-radius: 10px;
  width:30%;
  margin-left: 26px;
  margin-bottom: 30px;
}

.box-bg-service1{
  font-family: "Inter", sans-serif;
  /*background-color: #FFFFFF;
  background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);
  box-shadow: 0px 10px 0px #EDEFFE;*/
  padding:20px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.box-bg-service2{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  padding:20px 20px 20px 20px;
  border-radius: 10px;
  margin-bottom: 30px;
  height: auto;
}
.box-bg-service-grid{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  padding:10px 20px 10px 20px;
  border-radius: 10px;
  margin-bottom: 30px;
  height: 300px;
}
.box-bg-service-grid1{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  padding:10px 20px 10px 20px;
  border-radius: 10px;
  margin-bottom: 30px;
  height: 240px;
}
.box-bg-service2-right{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  padding:20px 20px 20px 20px;
  height:auto;
  border-radius: 10px;
  margin-bottom: 30px;
}
.box-bg-service2-bottom{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  padding:20px 20px 20px 20px;
  border-radius: 10px;
  margin-bottom: 30px;

}


.box-bg3{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  padding:20px;
  min-height: 200px;
  border-radius: 10px;
  width: 45%;
  margin-left: 20px;
  margin-bottom: 30px;
}
.font-primary-h3-bk{
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight:700;
  color:#323993;
}
.font-primary-h3{
  font-size: 20px;
  font-family: "Inter", sans-serif;
  font-weight:600;
  color:#323993;
}
.font-primary-h3-detail{
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight:400;
  color:#3c506a; /* #0F082B;*/
  margin-top: 4px;
  line-height:22px;

}

/*-----------------------------------------------Image-----------------------------------------------*/

.padding-team-bg{
  padding-top:150px;
}
/*-----------------------------------------------Team-----------------------------------------------*/
.border-team{
  border-left:6px solid #3F4BCE;
  height: 70px;
  border-radius: 4px;
  padding-left: 10px;
}
.border-service{
  border-left:6px solid #3F4BCE;
  height: auto;
  border-radius: 4px;
  padding-left: 10px;
}
.font-normal-1-team{
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight:400;
  line-height: 32px;
  color:#3c506a;
  padding: 0px 20px 0px 20px;
}
.font-top-left-blue-team {
  font-family: "Inter", sans-serif;
  color:#3F4BCE;
  font-Size:32px;
  font-weight:600;
  margin-bottom: 14px;
}
.line-left{
  border-left:2px dotted #D0D3E8;
  height:auto;
}
.kp-line{
  border-bottom:2px solid #E2E8F7;
  padding-top:26px;
}

.line-team-right{
  border-right:2px dotted #D0D3E8;
  height: 100px;
  position: absolute;
}
.line-team{
  border:2px dotted #D0D3E8;
  padding:20px 20px 15px 20px;
  border-radius: 12px;
}
/*-----------------------------------------------Portfolio-----------------------------------------------*/
.font-primary-h4{
  font-size: 60px;
  font-family: "Inter", sans-serif;
  font-weight:700;
  color:#323993;
}
.font-primary-h4-detail{
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight:500;
  color:#3c506a;
  margin-top: 6px;
  line-height: 26px;
}

.kp-font-subject1 {
  font-family: "inter",sans-serif;
  color:#104B59;
  font-size:30px;
  font-weight:600;
  padding-right:10px;
}
.kp-font-subject2 {
  font-family: "inter", sans-serif;
  color:#DF5920;
  font-size:30px;
  font-weight:600;
}
.kp-font-subject3 {
  font-family: "inter", sans-serif;
  color:#61B9CC;
  font-size:30px;
  font-weight:600;
  margin-right:10px;
}
.font-topic-ex {
  font-family: "inter",sans-serif;
  color:#61B9CC;
  font-size:24px;
  font-weight:600;
  padding-right:10px;
}
.bg-portfolio{
    /*background-image: linear-gradient(140deg, #242732 0%, #4A5060 75%);*/
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px 0px 20px 0px;
    box-shadow: 0 4px 8px 0 #E5ECFC, 0 6px 20px 0 #E5ECFC;
}
.bg-portfolio-topic{
    /*background-image: linear-gradient(140deg, #242732 0%, #4A5060 75%);*/
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px 20px 20px 0px;
    box-shadow: 0 4px 8px 0 #E5ECFC, 0 6px 20px 0 #E5ECFC;
}





/*-------box---------*/
.box1, .box2, .box3, .box4, .box5, .box6{
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  color:#344054;
  padding:20px;
  margin-bottom: 30px;
  width:31%;
  min-height: 300px;
}

.box1{
  border-radius: 20px;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  margin-right:20px;
  padding: 40px 20px 20px 20px;
}
.box2{
  border-radius: 20px;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  margin-right: 20px;
  padding: 20px;
}
.box3{
  border-radius: 20px;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
}
.box4{
  border-radius: 20px;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  margin-right: 20px;

}
.box5{
  border-radius: 20px;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  margin-right: 20px;

}
.box6{
  border-radius: 20px;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
}
.icon-component{
  width: 80%;
  padding: 4px 0px 4px 0px;
}
/*-----------------------------------------------Service-----------------------------------------------*/
.icon-service{
  width:50%;
}
.icon-airport{
  width:auto;
  padding:8px;
}
.border-airport{
  border-bottom: 1px dotted #ABAEDC;
  padding:4px 0px 4px 0px;
}
.border-airport-no{
  border-bottom: 0px;
  padding:4px 0px 4px 0px;
}

.icon-service-box{
  padding: 20px 0px 10px 0px;
    width:50px;
}
.mg-t-boxoverview-service{
  margin-top:-140px;
}
.icon-service-box2{
  padding: 10px 16px 10px 0px;
    width:60px;
}
.icon-service-box3{
  padding: 10px 0px 10px 0px;
  width:50px;
}
.icon-service-box4{
  padding: 10px 0px 10px 0px;
  width:50px;
}
.font-primary-s1{
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight:600;
  line-height: 24px;
  color:#323993;
}
.font-primary-s1-detail{
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight:400;
  color:#3c506a; /* #0F082B;*/
  margin-top: 10px;
  line-height: 24px;

}
/*-----------------------------------------------Footer-----------------------------------------------*/
.landing-page .contact{
  background-image: none;
}
.landing-page .contact1 {
  /*background-image: url('../img/landing/bg-footer.jpg');*/
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 60px;
  padding-bottom:0px;
  height:auto;
  background-color:#023341;
  margin-top: 100px;
}
.lineoa{
  width:80%;
  border-radius: 10px;
}
.landing-page .contact{
  margin-top: 140px;
}
/*-----------------------------------------------JS Script-----------------------------------------------*/

.slick_demo_2 .ibox-content{
  margin: 0px;
}
.ibox-content{
  background-color:none !important;
  border-color:none;
  border-width:0px;
  padding:0px 0px 0px 0px;

}


/*--ipad--*/
@media only screen and (max-width: 1024px){
  .img-size{  /*--ipad แนวตั้ง--*/
    width:100%;
    padding:70px 0px 0px 0px;
  }
  .mt-cal{
    margin-top: 160px;
  }
  .navbar-nav{
    margin-left: 10px;
  }
  .landing-page .section-top{
    padding-top:0px;
  }
  .mt-ipad1{
    padding-top:20px;
  }
  .bg-contactkp {
    background: #EFEFEF; /* e9edf0 */
    padding:20px;
    margin:0px 10px 10px 10px;
    width:100%;
    border-radius:8px;
    float: left;
  /*width:49%;*/
  }
  .gallery-box{ /*--ipad แนวตั้ง--*/
    border-radius:8px;
    width:16.9%;
  }
  .font-top-left-black-h1 {
    font-family: "Inter", sans-serif;
    color:#FF994A;
    font-Size:30px;
    font-weight:600;
    text-shadow: 2px 2px 4px #000000;
  }

  .kp-font-subject1 { /*--ipad แนวตั้ง--*/
    font-size:26px;
  }
  .kp-font-subject2 { /*--ipad แนวตั้ง--*/
    font-size:24px;
  }
  .font-top-left-white{
    font-size:100%;
  }

  .bg-orange{
    margin-top:65px;/*--ipad แนวตั้ง--*/
  }
  .right-ipad{
    padding:0px 10px 0px 10px;
    float: right;
  }
  .imgsize-call-qrcode{ /*--ipad แนวตั้ง--*/
    width:40%;
  }

  .box-overview1{
    width:48.5%;
    margin:0px 10px 10px 0px;
  }
  .box-overview{
    width:48.5%;
    margin:0px 10px 10px 0px;
  }
  .font-primary-h2-detail{
    font-size:18px;
    font-family: "Inter", sans-serif;
    font-weight:500;
    color:#ffffff;
    line-height:auto;
  }
  .font-primary-h2-detail1{
    padding:12px 20px 12px 20px;
    font-size: 30px;
    font-family: "Inter",sans-serif;
    font-weight:500;
    color:#ffffff;
    margin-top: 6px;
    line-height: 24px;
  }
  .font-top-left-white {
    font-family: "Inter", sans-serif;
    color:#FFFFFF;
    font-size:40px;
    text-shadow: 2px 2px 4px #000000;
    font-weight:600;
  }
  .font-top-left-white1 {
    font-family: "Inter", sans-serif;
    color:#FFFFFF;
    text-shadow: 2px 2px 4px #000000;
    font-size:32px;
    font-weight:600;
    margin-bottom: 14px;
  }
  .landing-page .carousel-caption{
    left:20px;
  }
  .hide-ipad1{
    display: none;
  }
  .img-navigation-lineoa{
    width:38.7%;
    float:right;
  }
  .bullet-img{
    padding-right:10px;
    width:30px;
  }
  .bg-package{  /*--ipad แนวตั้ง--*/
    background-color: #E9F1FF;
    border-radius: 10px;
    height: 930px;
    padding: 30px 20px 0px 20px;
  }

  .font-p-3{
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight:400;
    color:#344054; /* #0F082B;*/
    margin-top: 6px;
    line-height: 20px;
  }
  .box-bg-service2{ /*--ipad แนวตั้ง--*/
    height:400px;
  }
  .box-overview{ /*--ipad แนวตั้ง--*/
    min-height:auto;
  }
  .bg-package{ /*--ipad แนวตั้ง--*/
    background-color: #E9F1FF;
    border-radius: 10px;
    height: 900px;
    padding: 50px 20px 0px 20px;
  }

  .bg-tab{ /*--ipad แนวตั้ง--*/
    background-color:#ffffff;
    width:100%;
    margin-top:150px;
  }
  .tab-item{ /*--ipad แนวตั้ง--*/
    width:25%;
    border-radius:20px;
  }
  .width-text{ /*--ipad แนวตั้ง--*/
    margin: auto;
    width: 100%;
  }
  .icon-component{ /*--ipad แนวตั้ง--*/
    width: 100%;
    padding:10px 0px 0px 0px;
  }

  .icon-airport{ /*--ipad แนวตั้ง--*/
    width: 100%;
    width:80%;
    padding:8px;
  }

  .img-size-bn-service2{ /*--ipad แนวตั้ง--*/
    margin:10px 0px 0px 0px;
    width: 80%;
  }

  .font-normal-service-h1-white{  /*--ipad แนวตั้ง--*/
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight:600;
    line-height: 26px;
    color:#ffffff;
    padding: 30px 0px 30px 0px;
  }
  .font-primary-s12{  /*--ipad แนวตั้ง--*/
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight:600;
    line-height: 16px;
    color:#323993;
  }
  .font-primary-s12-detail{ /*--ipad แนวตั้ง--*/
    font-size: 12px;
    font-family: "Inter", sans-serif;
    font-weight:400;
    color:#344054; /* #0F082B;*/
    margin-top: 6px;
    line-height: 16px;

  }
  .lineoa{
    width:100%;
    border-radius: 10px;
  }

  .img-size2{  /*--ipad แนวตั้ง--*/
    width: 60%;
  }
  .font-normal-banner{ /*--ipad แนวตั้ง--*/
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight:400;
    line-height: 26px;
    padding: 0px;
    color:#ffffff;
  }
  .navbar{ /*--ipad แนวตั้ง--*/
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    border-radius:0px;
  }

  .font-topic-1 { /*--ipad แนวตั้ง--*/
    font-family: "Inter", sans-serif;
    color:#0F082B;
    font-Size:24px;
    font-weight:600;
  }
  .font-primary-h3{  /*--ipad แนวตั้ง--*/
    font-size: 20px;
    font-family: "Inter", sans-serif;
    font-weight:700;
    color:#323993;
  }
  .font-items-1{ /*--ipad แนวตั้ง--*/
    font-size: 16px;
    font-family: "Inter", sans-serif;
    color:#667085;


  }
  .border-team{ /*--ipad แนวตั้ง--*/
    border-left:8px solid #3F4BCE;
    height: 70px;
    padding-left: 10px;
  }
  .logo-main-desktop{ /*--ipad แนวตั้ง--*/
    display: none;
  }
  .img-banner-left{ /*--ipad แนวตั้ง--*/
     margin:60px 0px 0px 0px;
  }
  .box-bg{ /*--ipad แนวตั้ง--*/
    font-family: "Inter", sans-serif;
    background-color: #FFFFFF;
    /*background-color: #F1F4FF;
    background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
    box-shadow: 0px 10px 0px #EDEFFE;
    padding:20px;
    min-height: 300px;
    border-radius: 10px;
    width: 46%;
    margin-bottom: 40px;
    margin-left: 20px;
  }

@media only screen and (max-width: 1180px){
  /*.landing-page .carousel-inner{
    padding-top: 100px;
  }*/
  .icon-airport-1{
    width: 20%;
  }

  .bg-package{  /*--ipad แนวนอน--*/
    background-color: #E9F1FF;
    border-radius: 10px;
    height: 900px;
    padding: 30px 20px 0px 20px;
  }
  .box-bg-service-grid{  /*--ipad แนวนอน--*/
    height: 260px;
  }

  .navbar{ /*--ipad แนวนอน--*/
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    border-radius:0px;
  }


  .box-bg{ /*--ipad แนวนอน--*/
    font-family: "Inter", sans-serif;
    background-color: #FFFFFF;
    /*background-color: #F1F4FF;
    background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
    box-shadow: 0px 10px 0px #EDEFFE;
    padding:20px;
    min-height: 300px;
    border-radius: 10px;
    width: 46%;
    margin-bottom: 20px;
    margin-left: 20px;
  }


.img-banner-left{ /*--ipad แนวนอน--*/
   margin:60px 0px 0px 0px;
 }

  .landing-page .contact1 { /*--ipad แนวนอน--*/
    /*background-image: url('../img/landing/bg-footer.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;*/
    padding-top: 40px;
    /*margin-top: 40px;*/
    height:auto;
    background-color: #023341;

  }
  .box-bg-service2{
    height:400px;
  }
  .hide-ipad{ { /*--ipad แนวนอน--*/
    display: none
  }
  .m-top-section{ /*--ipad แนวนอน--*/
    margin-top:0px;
  }
  .padding-bottom-ipad{ /*--ipad แนวนอน--*/
    padding-bottom:40px;
  }
  .landing-page .contact{  /*--ipad แนวนอน--*/
    margin-top: 100px;
  }

}

/*--iphone--*/
@media only screen and (max-width:540px){ /*---430 , 414 px---*/
  .body-small .navbar-fixed-top{  /*--iphone--*/
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    border-radius: 0px;
  }
  .font-cal-ex2{
    font-size: 14px;
    font-family: "Inter", sans-serif;
    color:#344054; /* #0F082B;*/
    margin-top: 6px;
    line-height: 26px;
  }
  .mt-cal{
    margin-top: 140px;
  }
  .tab-menu li a{
    margin: 0 10px; /* ระยะห่างระหว่างแท็บ */
    padding: 10px 0;
    cursor: pointer;
    font-size: 14px;
    color: #555;
    position: relative;
  }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color:#47747f;
  }
  .navbar-nav{
    margin:0px;
  }
  .font-topic-2 {
    font-family: "inter", sans-serif;
    color:#DF5920;
    font-size:20px;
    font-weight:600;
  }
  .bg-contactkp {
    background: #EFEFEF; /* e9edf0 */
    padding:20px;
    margin:0px 10px 10px 10px;
    width:100%;
    border-radius:8px;
    float: left;
  /*width:49%;*/
  }
  .landing-page .section-top{
    padding-top:0px;
  }
  .landing-page .navbar-default{
    padding:0px;
  }
  .img-kp-mini1{
    width:40%;
    margin-bottom:20px;
  }
  .row-cal-row1 input {
     /*flex:1;
     min-width:0;*/
     width:100%;
     padding:10px;
     border:1px solid #d1d5db;
     border-radius:8px;
     margin-left: 0px;
     margin-bottom:20px;
   }
   .row-cal-row2 input{
     display:flex;
     align-items:center;
     width:100%;
     margin-left: 0px;
     /*float:left;*/
   }
.landing-page .navbar-default{
  padding-top:0px;
}
  .font-normal-1-box{
    font-size: 12px;;
  }
  .landing-page .carousel{
    height: 380px;
  }
  .lightBoxGallery img{
    margin:2.5px;
    float:left;
  }
  .lightBoxGallery-index img{
    float:left;
    margin:10px;
  }

  .logo-footer{
    width: 30%;
  }
  .mb-30-mobile{
    margin-top: 30px;
  }
  .primary-btn-mobile {
     background:#DF5920;
     color:#fff;
     font-size:16px;
     font-weight:400;
     width:100%;
   }
  .font-top-left-white { /*--iphone--*/
    font-family: "Inter", sans-serif;
    color:#FFFFFF;
    font-size:60px;
    text-shadow: 2px 2px 4px #000000;
    font-weight:600;
  }
  .font-top-left-white1 {  /*--iphone--*/
    font-family: "Inter", sans-serif;
    color:#FFFFFF;
    text-shadow: 2px 2px 4px #000000;
    font-size:26px;
    font-weight:600;
    margin-bottom: 14px;
  }
  /*-- Banner orange --*/
  .bg-orange{
    margin-top:150px; /*--iphone--*/
    background-image:linear-gradient(to right, #F99634, #DF5920);
    min-height:auto;
    padding:40px 10px 20px 0px;
    align-items: center;
  }
  .call-box {
    padding-top:260px;
    display: flex;
    align-items: center;   /* จัดกึ่งกลางแนวตั้ง */
    gap: 15px;             /* ระยะห่างระหว่างไอคอนกับตัวหนังสือ */
    height: 100%;          /* ให้เต็มความสูง parent */
  }
  .thankyou{
    padding:40px 0px 0px 0px;
  }
  .imgposition-call-qrcode{ /*--iphone--*/
    margin-top:200px;
  }
  .imgsize-call-qrcode{ /*--iphone--*/
    width:100%;
  }
  .img-kp-mini2{ /*--iphone--*/
    width:100%;
    margin-top:20px;
  }
  .kp-font-subject1 { /*--iphone--*/
    font-size:26px;
  }
  .kp-font-subject2 { /*--iphone--*/
    font-size:24px;
  }
  .gallery-box{ /*--iphone--*/
    border-radius:8px;
    width:18.5%;
  }

  .list{ /*--iphone--*/
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    color: #344054;
    line-height:26px;
  }
  .font-primary-s1-detail{ /*--iphone--*/
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight:400;
    color:#3c506a; /* #0F082B;*/
    margin-top: 10px;
    line-height: 24px;

  }
  .font-normal-1-team{ /*--iphone--*/
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight:400;
    line-height: 32px;
    color:#3c506a;
    padding: 0px 20px 0px 20px;
  }
  .font-primary-h3-detail{ /*--iphone--*/
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight:400;
    color:#3c506a; /* #0F082B;*/
    margin-top: 6px;
    line-height:26px;

  }
  .font-primary-h2-detail{
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight:400;
    color:#3c506a;
    margin-top: 6px;
    line-height: 24px;
  }

  .box-bg-service2{ /*--iphone--*/
    height: auto;
  }
  .timeline-item .content{ /*--iphone--*/
    min-height:300px;
  }
  .mg-t-boxoverview-service{  /*--iphone--*/
    margin-top:-140px;
  }
  .img-size-bn-customer{ /*--iphone--*/
    display: none;
  }
  .bg-tab{ /*--iphone--*/
    background-color:#FFFFFF;
    padding:4px;
    border-radius:20px;
    width:100%;
    margin-top:-20px;
  }
  .tab-item{ /*--iphone--*/
    width:100%;"
    border-radius:20px;
  }
  .icon-component{ /*--iphone--*/
    width: 100%;
    padding: 8px 0px 0px 0px;


  }
  .icon-airport{  /*--iphone--*/
    width:100%;
    padding:8px;
  }
  .box-bg-service-grid{
    height: 260px;
  }
  .font-primary-h3{  /*--iphone--*/
    font-size: 20px;
    font-family: "Inter", sans-serif;
    font-weight:700;
    color:#323993;
  }
  .font-items-1{ /*--iphone--*/
    font-size: 18px;
    font-family: "Inter", sans-serif;
    color:#667085;
  }
  .icon-service-box2{ /*--iphone--*/
    padding: 10px 0px 10px 0px;
    width:100%;
  }
  .icon-service-box3{ /*--iphone--*/
    padding: 10px 0px 10px 0px;
    width:25%;
  }
  .border-component{ /*--iphone--*/
    border-bottom: 1px dotted #ABAEDC;
    padding:12px 0px 0px 0px;
  }
  .bg-service-package-mobile{
    width: 100%;
    height: 90px;
  }
  .font-normal-service-h1-white{
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight:600;
    line-height: 24px;
    color:#ffffff;
    padding: 30px 0px 30px 0px;
  }
  .centered {
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(-0%, -10%); /*--50% 50%--*/
  }
  .mg-t--160{
    margin-top:-180px;
  }
  .bg-bn-service{
   padding: 40px 40px 20px 40px;
  }
  .mg-t-120-mobile{ /*--iphone--*/
      margin-top:120px;
  }
  .logo-main-desktop{ /*--iphone--*/
    display: none;
  }
  .btn-primary-1 { /*-- ปุ่มหลัก --*/ /*--iphone--*/
    background-color: #3F4BCE;
    font-family: "Inter", sans-serif;
    color: #FFFFFF;
    border-radius: 14px;
    font-size: 16px;
    padding: 14px 40px 14px 40px;
    box-shadow: 0 4px 8px 0 #9DA6F6, 0 6px 20px 0 #9DA6F6;
  }
  .btn-primary-1:hover{ /*-- ปุ่มหลัก --*/ /*--iphone--*/
    background-image: -moz-linear-gradient(0deg, #04D6D9 0%, #3F4BCE 100%);
    background-image: -webkit-linear-gradient(0deg, #04D6D9 0%, #3F4BCE 100%);
    font-family: "Inter", sans-serif;
    color:#FFFFFF;
    border-radius: 14px;
    font-size: 16px;
    padding: 14px 40px 14px 40px;
  }
  .bg-portfolio{ /*--iphone--*/
      padding: 20px 0px 10px 0px;
  }
  .width-text{ /*--iphone--*/
    margin: auto;
    width: 90%;
  }
  .width-text-team{ /*--iphone--*/
    width: 90%;
  }
  .img-team{ /*--iphone--*/
    width: 80%;
  }
  .font-primary-h4{ /*--iphone--*/
    font-size: 40px;
    font-family: "Inter", sans-serif;
    font-weight:700;
    color:#323993;
  }



  .mg-box{ /*--iphone--*/
    margin:0px 0px 20px 0px;

  }
  .font-normal-1{ /*--iphone--*/
    font-size: 14px;
    padding:0px 10px 0px 10px;
  }

  .font-primary-h4-detail{ /*--iphone--*/
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight:400;
    color:#344054;
    margin-top: 6px;
    line-height: 0px;
  }
  .font-top-left-black-h1 { /*--iphone--*/
    font-family: "Inter", sans-serif;
    color:#FF994A;
    font-size:20px;
    font-weight:600;
  }

  .font-topic-1 { /*--iphone--*/
    font-Size:24px;
    color:#104B59;

  }
  .border-team{ /*--iphone--*/
    height: 60px;
  }
  .line-team{ /*--iphone--*/
    margin: 0px 10px 40px 10px;
    padding: 20px 0px 20px 10px;
  }
  .landing-page .header-back{ /*--iphone--*/
    height:880px;
  }
  .landing-page .header-back-team{ /*--iphone--*/
    height:auto;
  }
  .line-team-right{ /*--iphone--*/
  display: none;
}
.img-size-bn-service1{ /*--iphone--*/
  margin:120px 0px 0px 0px;
  width: 80%;
}
.img-size-bn-service2{ /*--iphone--*/
  margin:0px 0px 0px 0px;
  width: 80%;
}
.img-size-bn-service{ /*--iphone--*/
  margin:auto;
  width: 100%;
}
.box-overview{ /*--iphone--*/
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  /*background-color: #F1F4FF;
  background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
  box-shadow: 0px 10px 0px #EDEFFE;
  padding:20px;
  min-height:auto;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  margin-left: 0px;

}
  .box-bg{ /*--iphone--*/
    font-family: "Inter", sans-serif;
    background-color: #FFFFFF;
    /*background-color: #F1F4FF;
    background-image: linear-gradient(140deg, #F1F4FF 0%, #F1F4FF 50%, #ffffff 75%);*/
    box-shadow: 0px 10px 0px #EDEFFE;
    padding:20px;
    min-height: 300px;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0px;
  }
  .img-size{ /*--iphone--*/
    margin:60px 0px 0px 0px;
    float:left;
    width:100%; /*--80%--*/

  }
  .img-size2{ /*--iphone--*/
    width: 100%;
  }
  .landing-page .carousel-image{ /*--iphone--*/
    float: left;
    right: 0px;
  }
  .text-top-left-blue{ /*--iphone--*/
    font-size: 24px
  }
  .text-top-left-black-normal{ /*--iphone--*/
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight:500;
    color:#344054;
  }
  .img-banner-left{ /*--iphone--*/
     margin:10px 0px 0px 0px;
  }
  .img-banner-right{ /*--iphone--*/
    margin: 340px 0px 0px 0px; /*--200px 0px 0px 0px--*/
  }

  .landing-page .navbar .navbar-header{ /*--iphone--*/
    float: none;
  }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{ /*--iphone--*/
    max-height: none;
  }
  .navbar-toggle{ /*--iphone--*/
    margin-top: 15px;
  }

  .logo-main-mobile{ /*--iphone--*/
    width: 15%;
    float: left;
    /*padding-top: 6px;*/
  }
  .landing-page .contact1 { /*--iphone--*/
    padding-top: 10px;
    height:auto;
    background-color:#023341;
  }
  .font-normal-banner{ /*--iphone--*/
    font-family: "Inter", sans-serif;
    font-weight:400;
    line-height: 20px;
    padding: 0px;
    color:#ffffff;
    font-size: 18px;
    line-height: 34px;
  }
  .landing-page .carousel-image{ /*--iphone--*/
    top:0px; /*--80px--*/
  }

  .line-white{ /*--iphone--*/
    margin: 20px 0px 10px 0px;
    width: 200px;
    border:0.5px #000000 solid;
    opacity: 0.5;
  }
  .landing-page .carousel-inner{ /*--iphone--*/
    padding-top: 0px;
  }
  .hide-mobile{ /*--iphone--*/
    display: none
  }
  .hide-desktop{ /*--iphone--*/
    display: block;
  }
  .slick-prev:before{
    display: none !important;
  }
  .slick-next:before{
    display: none !important;
  }
  .slick-prev:before, .slick-next:before{
    display: none !important;
  }
  .button-contact{ /*--iphone--*/
    text-align: center;
  }
}