/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

 
 body {
    padding-top: 136px;
    background: #ECE9E6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  
  .carousel-item {  
    max-width: 100%;
    height: 530px;
    background: no-repeat center center scroll;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
  }
  
  /* .second {
    background-image:url(https://images.unsplash.com/photo-1619252584172-a83a949b6efd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1974&q=80);
    background-attachment: fixed;
    background-repeat: no-repeat;
  } */


  
  .portfolio-item {
    margin-bottom: 30px;
  }


  
  h2 {font-family: 'Kanit', sans-serif;
    color: #00224D;
    
  }
  h3{font-family: 'Kanit', sans-serif;
   
  -webkit-text-fill-color: #3b2270; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 2.2px;
  -webkit-text-stroke-color: #fbe3cc;
  }
  h4{font-family: 'Prompt', sans-serif;  
  }
  h5{font-family: 'Prompt', sans-serif;  
  }
  h6{font-family: 'Prompt', sans-serif;  
  }
  
  p {font-family: 'Prompt', sans-serif;
    color: #00224D;
    
  
  }
  
  nav {font-family: 'Prompt', sans-serif;
      font-size: 19px;
      color: #00224D;
  }

  /* Customize the navbar-toggler-icon */
.navbar-toggler {
  border: none; /* Remove default border */
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2851, 51, 51, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  /* Adjust size and color */
  width: 30px;
  height: 30px;
}

/* Add custom hover effect */
.navbar-toggler:hover .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28fb, 133, 0, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/* Style for the navbar brand */
.navbar-brand {
  display: flex;
  align-items: center;
  color: #EB5B00; /* Set text color */
}

.navbar-light .navbar-brand {
  color: #EB5B00 !important; /* Ensure brand color is also set */
}

.navbar-brand img {
  margin-right: 10px; /* Space between image and text */
}
.navbar{background-image: linear-gradient(to left, #8ecae6, #7ec2de, #6db9d7, #5bb1cf, #47a9c7, #399bba, #2a8dac, #18809f, #126b89, #0d5673, #07435d, #023047);

}
/* Modify brand and text color */
 
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: green;
}

    .portfolio-item {
    margin-bottom: 30px;
  }
  
  h2 {font-family: 'Prompt', sans-serif;
    
  }
  h3{font-family: 'Kanit', sans-serif;
   
  -webkit-text-fill-color: #3b2270; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 2.2px;
  -webkit-text-stroke-color: #fbe3cc;
  }
  h4{font-family: 'Prompt', sans-serif;  
  }
  h5{font-family: 'Prompt', sans-serif;  
  }
  h6{font-family: 'Prompt', sans-serif;  
  }
  
  p {font-family: 'Prompt', sans-serif;
    color: #00224D;
    
  
  }
  
  nav {font-family: 'Prompt', sans-serif;
      font-size: 19px;
      color: #00224D;
  }

 
  
  
  
  @-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }
  .blink{
      text-decoration: blink;
      -webkit-animation-name: blinker;
      -webkit-animation-duration: 1s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-timing-function:ease-in-out;
      -webkit-animation-direction: alternate;
  }
  
  .active-pink-4 input[type=text]:focus:not([readonly]) {
    border: 1px solid #f48fb1;
    box-shadow: 0 0 0 1px #f48fb1;
    }
  
  
  
    
  
  #location_lpnh ul{font-family: 'Prompt', sans-serif;
      
      color: #00224D;
  
  }
  
  #location_lpnh{
      
      padding-top: 40px;
      padding-bottom: 10px;
  
  
  }


  
#ssicon a{
    text-align: right;
    font-size: 25px;
}


#tbar a{text-align: center;

}



@media screen and (max-width: 500px) { /* Specific to this particular image */
    .carousel-item {
      
        
        width: 100%;
        height: 230px;
       
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
         /* 50% */
    }
}








h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

  .img-modal{
    width:100%;
    height:100%;
  }
  .bg-grey {
    background: #292929;
 }
  .logo-footer {
    margin-bottom: 40px;
 }
 footer {
        color: grey;
 }
 footer p, a {
font-size: 16px;
font-family: 'Prompt', sans-serif;
}
footer h6 {
font-family: 'Prompt', serif;
margin-bottom: 40px;
position: relative;
}
footer h6:after {
position: absolute;
content: "";
background: grey;
width: 12%;
height: 1px;
left: 0;
bottom: -20px;
}
 .btn-footer {
             color: grey;
          
            text-decoration: none;
            border: 1px solid;
            border-radius: 43px;
            font-size: 13px;
            padding: 7px 30px;
            line-height: 47px;
 }
 .btn-footer:hover {
            
            text-decoration: none;
           
 }
.form-footer input[type="text"] {
    border: none;
border-radius: 16px 0 0 16px;
outline: none;
padding-left: 10px;

}
::placeholder {
font-size: 14px;
padding-left: 10px;
font-style: Prompt;
}
.form-footer input[type="button"] {
border: none;
background:#232323;
    margin-left: -5px;
color: #fff;
outline: none;
border-radius: 0 16px 16px 0;
padding: 2px 12px;
}
 .social .fa {
color: grey;
font-size: 22px;
padding: 10px 15px;
background: #3c3c3c;
}
 footer ul li {
list-style: none;
display: block;
}
footer ul  {
padding-left: 0;
}
footer ul  li a{
text-decoration: none;
color: grey;
text-decoration:none;
}


.logo-part {
border-right: 1px solid grey;
height: 100%;
}


table, th, td {font-family: 'Prompt', sans-serif;

}



.map-wrapper {
  height: 60vh;
  width: 80vw;
}

.map-wrapper iframe {
  height: 100%;
  width: 100%;
}





.wrapper{
  padding: 10px 0;
}
/* Default slide */
.center-slider .slick-slide{
  /* background-color: #b32532; */
  color: #FFF;
  height: 50%;
  width: 50%;
  margin: 0 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.8);
  transition: all 0.4s ease-in-out;
}
.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  transform: scale(0.8, 0.8);
  transition: all 0.4s ease-in-out;
}

/* Active center slide (You can change anything here for cenetr slide)*/
.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transform: scale(1.1);
  background-color: #000000;
}
.center-slider .slick-current.slick-active{
  transform: scale(1.1);
  background-color: #000000;
}

.slick-next, .slick-prev{
  z-index: 5;
}
.slick-next{
  right: 15px;
}
.slick-prev{
  left: 15px;
}
.slick-next:before, .slick-prev:before{
  color: #000;
  font-size: 26px;
}

video {
  position: absolute;
  top: 0;
  left: 0;
}

.video-wrapper {
  border: 2px solid #000;
  width: auto;
  height: 30vh;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card {
  border: 1px solid #e5e5e5; /* การกำหนดเส้นขอบ */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* เงา */
  border-radius: 5px; /* การกำหนดรูปร่าง */
  margin-bottom: 20px; /* ระยะห่างระหว่างการ์ด */
}

.card-header {
  background-color: #00224D; /* สีพื้นหลังส่วนหัว */
  color: #fff; /* สีข้อความในส่วนหัว */
  text-align: center; /* จัดตำแหน่งข้อความในส่วนหัว */
  padding: 10px; /* ระยะห่างขอบของส่วนหัว */
}

.card-body {
  text-align: center; /* จัดตำแหน่งเนื้อหาในการ์ด */
  padding: 15px; /* ระยะห่างขอบของเนื้อหา */
}

.card-title {
  font-weight: bold; /* ตัวหนาข้อความในการ์ด */
  margin-bottom: 15px; /* ระยะห่างระหว่างข้อความ */
}

.card-img-bottom {
  max-width: 100%; /* ทำให้ภาพที่แสดงอยู่ในส่วนล่างของการ์ดปรับขนาดให้เต็มกว้างของการ์ด */
  max-height: 380px; /* กำหนดความสูงสูงสุดของภาพ */
}

.btn-primary {
  background-color: #00224D; /* สีปุ่ม */
  color: #fff; /* สีข้อความบนปุ่ม */
}