/*
* Campaign TH co.,ltd.
* https://campaign.co.th/
******************************************************************************/

.bd-highlight {
  background-color: rgba(207, 183, 243, 0.15);
  border: 1px dashed rgba(132, 50, 255, 0.323);
}

body {
  font-family: 'Kanit', sans-serif;
  /* font-family: 'Noto Sans Thai'; */
  font-size: 1rem;
  color: #262626;
  /*background-image: url("../../assets/images/bg.png");*/
  /* background-color: rgb(242, 242, 242) !important; */
  /* background-color: rgb(255, 255, 255) !important; */
  /* background-color: #00287e !important; */
  /* border: 2px dotted rgba(249, 0, 0, 0.5); */
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.37;
  color: #262626;
}

.nav-link {
  font-size: 1rem;
}

h1, .h1 {
  font-size: calc(1.1rem + 1.35vw) !important;
}

a {
  color: #448861 !important;
}
a:hover {
  color: #0039b4 !important;
}

.text-indent{
  text-indent: 50px;
}

@charset "UTF-8";
:root {
  --bs-gray: rgba(75, 70, 92, 0.6);
  --bs-primary: #448861;
  --bs-secondary: #a8aaae;
  --bs-success: #28c76f;
  --bs-info: #00cfe8;
  --bs-warning: #ff9f43;
  --bs-danger: #ea5455;
  --bs-light: #dfdfe3;
  --bs-dark: #4b4b4b;
  --bs-gray: rgba(75, 70, 92, 0.05);

  --bs-font-sans-serif: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --bs-font-monospace: "Kanit", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-root-font-size: 15px;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.9375rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.47;
}


.swiper {
  height: 500px !important;
}

.swiper-news {
  /* height: 290px !important; */
  height: 56.25% !important;
}

/* menu */
.navbar-nav {
  /* --bs-nav-link-padding-y: 3rem; */
  font-size: 0.9rem;
  font-weight: 600;
}

.vbox-grab .vbox-child img {max-height: 90vh !important;}

/* button --------------------------*/
.bg-navbar-theme .navbar-nav > .nav-link:hover, .bg-navbar-theme .navbar-nav > .nav-link:focus,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link:hover,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link:focus,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:hover,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #448861;
  box-shadow: 0 -2px 0 #448861 inset;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #448861;
  background-color: #4488611d;
}
.dropdown-item.active, .dropdown-item:active {
  color: #448861;
  text-decoration: none;
  background-color: #4488611d;
}
.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
  background-color: #448861;
  color: #fff !important;
}

/* //// */
.btn-primary {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  box-shadow: none;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.show.dropdown-toggle, .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  box-shadow: none !important;
}

.btn-group .btn-primary,
.input-group .btn-primary {
  border-right: 1px solid var(--bs-primary);
  border-left: 1px solid var(--bs-primary);
}




.btn-outline-primary {
  color: #448861;
  border-color: #448861;
  background: transparent;
}
.btn-outline-primary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(115, 103, 240, 0.2) 0, rgba(115, 103, 240, 0.3) 40%, rgba(115, 103, 240, 0.4) 50%, rgba(115, 103, 240, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-primary:hover {
  color: #448861 !important;
  background-color: #5773af11 !important;
  border-color: #448861 !important;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  color: #448861;
  background-color: #f4f3fe;
  border-color: #448861;
  box-shadow: none;
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #448861 !important;
  background-color: #e9e7fd !important;
  border-color: #448861 !important;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #448861 !important;
  background-color: transparent !important;
}

.btn-outline-primary .badge {
  background: #448861;
  border-color: #448861;
  color: #fff;
}

.btn-outline-primary:hover .badge,
.btn-outline-primary:focus:hover .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show > .btn-outline-primary.dropdown-toggle .badge {
  background: #448861;
  border-color: #448861;
}


/* button --------------------------*/

.card-ourservice {
  transition:  .2s ease-out;
}
.card-ourservice:hover {
  transform: scale(1.05) translateY(0px);
  transition:  0.3s ease-in-out;
}

.rounded-4 {
  border-radius: 0.8rem !important;
}
.rounded-5 {
  border-radius: 1rem !important;
}

/* text */
.text-primary {
  color: #448861 !important;
}
.text-news-title {
  font-size: 1.4rem;
  color: #448861 !important;
  font-weight: 600;
}



/* format */
.textCEO {
  color: #448861;
  text-align: center;
  padding-bottom: 3rem;
  padding: 0px 20px;
}
.textCEO p {
  font-size: 1.3rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 0;
}

.textValue {
  color: #448861;
  text-align: center;
  padding-bottom: 3rem;
}
.textValue p {
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
.textValue span {
  font-size: 1rem;
  padding: 0px 2rem 0px 2rem ;
  display: inline-block;
}
.textCenter-md-50 {
  display: inline-block;
  padding: 0px 15vw 0px 15vw ;
}
.home-about-left {
  margin: 500px 5vw 80px 5vw;
}
.home-m-80-right {
  margin: 80px 5vw 0px 5vw;
}
.home-leaf {
  position: absolute;
  top: 254px;
  z-index: 3;
  display: inline-block;
  width: 600px;
  left: -88px;
}


/* background */
.bg-primary {
  background-color: #448861 !important;
}
.bg-888-secondary {
  background-color: #F4F4ED;
}
.bg-888-white-1 {
  background-image: url(../img/bg-888-white-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-888-white-2 {
  background-image: url(../img/bg-888-white-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg-fruits-1 {
  background-image: url(../img/bg-fruits-1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}
.bg-fruits-2 {
  background-image: url(../img/bg-fruits-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 10vw 0vw 10vw 0vw;
}
.bg-cover-center-bottom {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.bg-cover-center-center {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-home-1 {
  background-image: url(../img/home-bg-1.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-home-2 {
  background-image: url(../img/home-bg-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.bg-home-aboutLeft {
  background-image: url(../img/bg-home-aboutLeft.jpg);
  background-size: cover;
  height: 1000px;
  background-repeat: no-repeat;
  background-position: top center;
}
.bg-home-aboutRight {
  background-image: url(../img/bg-home-aboutRight.jpg);
  background-size: cover;
  height: 1000px;
  background-repeat: no-repeat;
  background-position: top center;
}

.home-img-1 {
  margin-bottom: -180px !important;
  padding-bottom: 100px;
}
.bg-home-wood {
  background-image: url(../img/bg-wood.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.bg-about-1 {
  background-image: url(../img/about-bg-img-1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
}
.bg-about-2 {
  background-image: url(../img/about-bg-img-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 10vw 0vw 10vw 0vw;
}

/* bg header */
.service-header_bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
/* / bg header */

.service-header-1 {
  background-image: url(../img/bg-service-head-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  height: 500px;
  /* padding: 100px 0vw 10vw 0vw; */
}
.service-header-2 {
  background-image: url(../img/bg-service-head-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  height: 500px;
  padding: 100px 0vw 10vw 0vw;
}
.service-header-3 {
  background-image: url(../img/bg-service-head-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  height: 500px;
  padding: 100px 0vw 10vw 0vw;
}
.service-header-4 {
  background-image: url(../img/bg-service-head-4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  height: 500px;
  padding: 100px 0vw 10vw 0vw;
}

.bg-img-footer {
  background-image: url(../img/bg-img-footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}


.title-primary-underline {
  border-bottom: 1px solid #448861;
  color: #448861;
  font-weight: 600;
  padding: 1rem 0;
}

/* button */
.btn-outline-white:hover {
  background-color: rgba(255, 255, 255, 0.232) !important;
}



/* card service */
.home-service-card {
  background-color: #FFF;
  border-radius: 4rem;
  width: 80%;
  height: 300px;
  margin: 0 auto;
}
.home-service-1 {
  position: absolute;
  left: -10px;
  bottom: 0;
  opacity: 0.5;
  width: 200px;
}
.service-btn-green {
  position: absolute;
  bottom: 14px;
  right: 30px;
  width: 68px;
}

.content-right {
  text-align: center;
  margin-top: 30px;
}


.vbox-title {
  font-family: 'Cantarell','Kanit', sans-serif;
  font-size: 20px !important;
  font-weight: 500;
  color: #FFFFFF !important;
  text-transform: uppercase;
  }