body {
  font-family: "DM Sans", serif;
  font-size: 0.875rem;
  color: #1E1E1E;
}

header {
  background-color: #1e1e1e;
  -webkit-backdrop-filter: blur(1rem);
  -moz-backdrop-filter: blur(1rem);
  -o-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  transition: 0.2s ease;
}
header .logo img {
  height: 3rem;
}
header.activeBlur {
  background-color: rgba(30, 30, 30, 0.9);
}

.homeSlideImage .slideImage {
  height: calc(100vh - 5rem);
}

.swiper-button:after {
  display: none;
}

.imageAnimate .theImage {
  transition: 2s ease;
}
.imageAnimate:hover .theImage {
  transform: scale(1.05) rotate(1deg);
}

.footerForm.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.5;
}

.footerForm.form-floating > .form-control-plaintext ~ label, .footerForm.form-floating > .form-control:focus ~ label, .footerForm.form-floating > .form-control:not(:placeholder-shown) ~ label, .footerForm.form-floating > .form-select ~ label {
  opacity: 0.5;
}
.footerForm.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label:after {
  display: none;
}
.footerForm.form-floating > .form-control-plaintext ~ label:after, .footerForm.form-floating > .form-control:focus ~ label:after, .footerForm.form-floating > .form-control:not(:placeholder-shown) ~ label:after, .footerForm.form-floating > .form-select ~ label:after {
  display: none;
}

#upButton {
  transition: 0.2s ease;
  opacity: 0;
  visibility: hidden;
}
#upButton.activate {
  opacity: 1;
  visibility: visible;
}

.pswp__img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.form-check {
  cursor: pointer;
}
.form-check .form-check-input {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0;
  padding: 0.5rem;
}
.form-check .form-check-input:checked {
  background-color: #C7A379;
  border-color: #C7A379;
}

.swiper-slide video {
  -o-object-fit: cover;
  object-fit: cover;
}

.newHomeSlide {
  height: calc(100vh - 5rem);
}

.ff-body {
  font-family: "DM Sans", serif !important;
}

.ff-title {
  font-family: "Chonburi", serif !important;
}

.fc-main {
  color: #C7A379 !important;
}

.fc-dark {
  color: #1E1E1E !important;
}

.fc-white {
  color: white !important;
}

.w-16 {
  width: 1rem !important;
}

.w-20 {
  width: 1.25rem !important;
}

.w-24 {
  width: 1.5rem !important;
}

.w-28 {
  width: 1.75rem !important;
}

.w-32 {
  width: 2rem !important;
}

.w-36 {
  width: 2.25rem !important;
}

.w-40 {
  width: 2.5rem !important;
}

.w-44 {
  width: 2.75rem !important;
}

.w-48 {
  width: 3rem !important;
}

.w-64 {
  width: 4rem !important;
}

.w-80 {
  width: 5rem !important;
}

.maxw-50p {
  max-width: 50%;
}

.maxw-320 {
  max-width: 20rem;
}

.minh-160 {
  min-height: 10rem !important;
}

.minh-240 {
  min-height: 15rem !important;
}

.minh-320 {
  min-height: 20rem !important;
}

.minh-880 {
  min-height: 55rem !important;
}

.minh-960 {
  min-height: 60rem !important;
}

.minh-100vh {
  min-height: 100vh !important;
}

.vh-100 {
  height: 100vh !important;
}

.h-16 {
  height: 1rem !important;
}

.h-20 {
  height: 1.25rem !important;
}

.h-24 {
  height: 1.5rem !important;
}

.h-28 {
  height: 1.75rem !important;
}

.h-32 {
  height: 2rem !important;
}

.h-36 {
  height: 2.25rem !important;
}

.h-40 {
  height: 2.5rem !important;
}

.h-44 {
  height: 2.75rem !important;
}

.h-48 {
  height: 3rem !important;
}

.zindex-0 {
  z-index: 0 !important;
}

.zindex-1 {
  z-index: 1 !important;
}

.zindex-2 {
  z-index: 2 !important;
}

.zindex-3 {
  z-index: 3 !important;
}

.zindex-4 {
  z-index: 4 !important;
}

.zindex-5 {
  z-index: 5 !important;
}

.btn {
  border-radius: 0;
}
.btn .hovericon {
  position: relative;
  display: flex;
  align-items: center;
  justify-items: center;
  flex-shrink: 0;
}
.btn .hovericon img {
  transition: 0.2s ease;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.btn .hovericon img.default {
  opacity: 1;
}
.btn .hovericon img.active {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
}
.btn.active img.default, .btn:hover img.default, .btn:focus .hovericon img.default {
  opacity: 0;
}
.btn.active img.active, .btn:hover img.active, .btn:focus .hovericon img.active {
  opacity: 1;
}
.btn.btn-default {
  color: white;
}
.btn.btn-default.active, .btn.btn-default:hover, .btn.btn-default:focus {
  color: #C7A379;
  border-color: #C7A379;
}
.btn.btn-white-outline {
  color: white;
  border-color: white;
}
.btn.btn-white-outline:hover, .btn.btn-white-outline:focus {
  background-color: white;
  color: #1E1E1E;
}
.btn.btn-white {
  background-color: white;
}
.btn.btn-white:hover, .btn.btn-white:focus {
  background-color: #C7A379;
  color: white;
}
.btn.btn-outline {
  color: #1E1E1E;
  border-color: #1E1E1E !important;
}
.btn.btn-outline:hover, .btn.btn-outline:focus {
  border-color: rgba(30, 30, 30, 0.25) !important;
  background-color: rgba(30, 30, 30, 0.05);
}
.btn.btn-main {
  background-color: #C7A379;
  color: white;
}
.btn.btn-main:hover, .btn.btn-main:focus {
  border-color: #C7A379;
  color: #C7A379;
  background-color: transparent;
}
.btn.btn-offcanvas.active, .btn.btn-offcanvas:hover, .btn.btn-offcanvas:focus {
  color: #C7A379;
}

.btn-close {
  background: none;
  width: auto;
  height: auto;
}

.imgContain {
  -o-object-fit: contain;
     object-fit: contain;
}

.imgCover {
  -o-object-fit: cover;
     object-fit: cover;
}

.imgCenter {
  -o-object-position: center center;
     object-position: center center;
}

.ratio11 {
  aspect-ratio: 1/1;
}

.ratio21 {
  aspect-ratio: 2/1;
}

.ratio31 {
  aspect-ratio: 3/1;
}

.ratio169 {
  aspect-ratio: 16/9;
}

.bg-darkBlur {
  background-color: rgba(30, 30, 30, 0.5);
  -webkit-backdrop-filter: blur(1rem);
  -moz-backdrop-filter: blur(1rem);
  -o-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
}

.bg-whiteBlur {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(1rem);
  -moz-backdrop-filter: blur(1rem);
  -o-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
}

.bg-main {
  background-color: #C7A379;
}

.swiper-button {
  width: auto;
  margin: 0;
}
.swiper-button.swiper-button-prev {
  transform: translateX(-50%);
  left: 0;
}
.swiper-button.swiper-button-next {
  transform: translateX(50%);
  right: 0;
}

.mt-n16 {
  margin-top: -1rem !important;
}

.mt-n32 {
  margin-top: -2rem !important;
}

.mt-n48 {
  margin-top: -3rem !important;
}

.mt-n64 {
  margin-top: -4rem !important;
}

.mt-n80 {
  margin-top: -5rem !important;
}

.ms-n16 {
  margin-left: -1rem !important;
}

.ms-n32 {
  margin-left: -2rem !important;
}

.ms-n48 {
  margin-left: -3rem !important;
}

.ms-n64 {
  margin-left: -4rem !important;
}

.ms-n80 {
  margin-left: -5rem !important;
}

.swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  width: 0.75rem;
  height: 0.75rem;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #C7A379;
}
.swiper-pagination.pagination-white .swiper-pagination-bullet {
  background-color: white;
}
.swiper-pagination.pagination-white .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: white;
}

.columnEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.columnEllipsis.column3 {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.columnEllipsis.column5 {
  line-clamp: 5;
  -webkit-line-clamp: 5;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

.breadcrumb li, .breadcrumb a {
  max-width: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.translate-none {
  transform: translate(0, 0) !important;
}

.border.border-white {
  border-color: white !important;
}

@media (max-width: 767.98px) {
  .ms-n16 {
    margin-top: -1rem !important;
    margin-left: 1.5rem !important;
    margin-right: 1.5rem;
  }
  .ms-n32 {
    margin-top: -2rem !important;
    margin-left: 1.5rem !important;
    margin-right: 1.5rem;
  }
  .ms-n48 {
    margin-top: -3rem !important;
    margin-left: 1.5rem !important;
    margin-right: 1.5rem;
  }
  .ms-n64 {
    margin-top: -4rem !important;
    margin-left: 1.5rem !important;
    margin-right: 1.5rem;
  }
  .ms-n80 {
    margin-top: -5rem !important;
    margin-left: 1.5rem !important;
    margin-right: 1.5rem;
  }
  .toursimDetailImage {
    aspect-ratio: 1/2 !important;
  }
}
@media (max-width: 991.98px) {
  header .logo img {
    height: 2.25rem;
  }
  .homeSlide .top-50 {
    top: 100% !important;
    transform: translateY(-100%) !important;
  }
  .homeSlide .top-50 h1 {
    font-size: 1.5rem;
  }
  .toursimDetailImage {
    aspect-ratio: 1/1;
  }
  .fs-5 {
    font-size: 1rem !important;
  }
  .maxw-50p {
    max-width: 100%;
  }
  .headerText {
    position: relative !important;
  }
  .headerText .bg-darkBlur {
    background-color: rgba(30, 30, 30, 0.9);
  }
}/*# sourceMappingURL=wrap.css.map */