/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
*:after,
*:before { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:focus { outline: none !important; border: 0; }
html,
body { overflow-x: hidden !important; }
body { font-family: 'Poppins', sans-serif; font-weight: 400; color: #646165; font-size: 12px; line-height: 20px; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Poppins', sans-serif; font-weight: 700; padding: 0; margin: 0; color: #363536; }
h1,
.elementor-kit-6 h1 { font-size: 24px; line-height: 32px; }
h2,
.elementor-kit-6 h2 { font-size: 20px; line-height: 28px; }
h3,
.elementor-kit-6 h3 { font-size: 16px; line-height: 24px; }
h4,
.elementor-kit-6 h4 { font-size: 14px; line-height: 20px; }
h5,
.elementor-kit-6 h5 { font-size: 12px; line-height: 18px; }
h6,
.elementor-kit-6 h6 { font-size: 12px; line-height: 18px; }
ul { margin-top: 0; }
p { margin: 0 0 30px; padding: 0; }
p:last-child { margin-bottom: 0; }
.txt-bubble-gum { color: #DD77A9; }
.clickable { cursor: pointer !important; }
.button,
.em-button .elementor-button { background-color: #038B72; color: #ffffff; font-weight: 500; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; display: inline-block; /* width: 224px;*/ height: 48px; line-height: 48px; vertical-align: middle; padding: 0; margin: 0; font-family: 'Poppins', sans-serif; font-size: 16px; transition: all .2s; }
.btn-view { background: #ffffff; color: #363536; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; font-size: 14px; font-weight: 500; height: 40px; padding: 10px 40px 10px 15px; transition: all .2s; }
.btn-view:hover { opacity: 0.9; }
.btn-view:after { content: ''; background-image: url(img/icon_view.svg); position: absolute; width: 18px; height: 18px; top: calc(50% - 9px); right: 15px; }
.link-view { color: #363536; position: relative; padding-right: 30px; transition: all .2s; }
.link-view:hover { opacity: 0.8; }
.link-view:after { content: ''; background-image: url(img/arrow_link_b.svg); position: absolute; width: 22px; height: 22px; top: calc(50% - 11px); right: 0; }
.em-button .elementor-button { display: flex; align-items: center; }
.em-button .elementor-button .elementor-button-content-wrapper { width: 100%; }
.em-button:hover .elementor-button { opacity: 0.9; }
.elementor-button { font-size: 16px; padding-top: 20px; padding-bottom: 20px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
.em-btn-default .elementor-button { background-color: #ffffff; color: #363536; font-weight: 500; }
.elementor-location-footer a { color: #363536; transition: all .2s; }
.elementor-location-footer a:hover { color: #038B72; opacity: 0.9; }
.button { padding-left: 32px; padding-right: 32px; }
.button:hover { opacity: 0.9; }
.u-link,
.elementor a.u-link { color: #646165; text-decoration: underline; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover { font-weight: 500; }
.elementor-element.faq-accordion .elementor-accordion-item { border-left: 0 !important; border-right: 0 !important; }
.elementor-element.faq-accordion .elementor-tab-content { border: 0 !important; }
.quad-h-padding { padding-left: 20px; padding-right: 20px; }
.s-1,
.elementor-2 .elementor-element.s-1 { padding-top: 110px; }
.quad-l-h-padding { padding-left: 20px; }
.quad-r-h-padding { padding-right: 20px; }
.c-whole-link .elementor-element { position: absolute; width: 100%; height: 100%; }
.c-whole-link .elementor-widget-container { display: table; width: 100%; height: 100%; }
.c-whole-link .elementor-widget-image a { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.package-boxes { min-width: 840px; overflow-x: scroll; padding-bottom: 30px; }
.package-boxes .elementor-icon-wrapper { line-height: 0; }
.package-boxes::-webkit-scrollbar { -webkit-appearance: none; }
.package-boxes::-webkit-scrollbar-corner { background-color: transparent; border-color: transparent; }
.package-boxes::-webkit-scrollbar-track { -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; background-color: transparent; }
.package-boxes::-webkit-scrollbar-thumb { -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; background-color: #f7f7f7; }
.package-boxes::-webkit-scrollbar { width: 80px; height: 30px; background-color: transparent; }
.white-links a { color: #ffffff; text-decoration: underline; }
/* .white-links a:hover { color: #ffffff; text-decoration: none; } */
img.package-info { width: 20px; cursor: pointer; position: absolute; bottom: 1px; }
.elementor-location-footer a { color: #ffffff; }
.elementor-location-footer a:hover { color: #ffffff; text-decoration: underline; }
.sticky-wrapper { height: auto !important; }
.is-sticky .elementor-location-header.elementor-44 .elementor-element.elementor-element-74523fc { background: #ffffff; box-shadow: 0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2) }
.arrow-link { display: inline-block; text-decoration: underline; font-weight: 500; position: relative; color: #038B72; padding-right: 25px; }
.arrow-link:after { position: absolute; content: ''; width: 22px; height: 22px; background-position: center center; background-repeat: no-repeat; top: calc(50% - 11px); right: 0; background-image: url(img/arrow_link.svg); }
.arrow-link.light::after { background-image: url(img/arrow_link_w.svg); }
:root :where(.wp-block-image.is-style-rounded),
.elementor .wp-block-image .is-style-rounded img { -webkit-border-radius: 24px !important; -moz-border-radius: 24px !important; -ms-border-radius: 24px !important; -o-border-radius: 24px !important; border-radius: 24px !important; }
figure.wp-block-image { margin-bottom: 60px !important; }
body.admin-bar .elementor-44 .elementor-element.elementor-element-74523fc { top: 32px; }
.elementor-widget-theme-post-content p { margin-bottom: 60px; }
.main-post { position: relative; min-height: 640px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; background-repeat: no-repeat; background-size: cover; background-position: center center; display: flex; align-items: flex-end; margin-bottom: 30px; }
.main-post::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74.23%, rgba(0, 0, 0, 0.6) 100%); -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
.main-post .post-details { padding: 32px; width: 70%; position: relative; z-index: 1; }
.main-post,
.main-post a,
.main-post h3 a { color: #ffffff; }
.main-post .post-excerpt { margin: 10px 0; }
.post-read a { text-decoration: underline; }
.post-thumb img { width: 100%; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
.grid-posts { display: flex; gap: 50px 20px; flex-wrap: wrap; }
.grid-posts .grid-post { width: 100%; }
.grid-posts .post-thumb { margin-bottom: 10px; }
.grid-posts h5 a { color: #363536; }
.grid-posts .post-excerpt { margin: 10px 0; }
.btn-ajax { position: relative; }
.elementor-kit-8 a.btn-ajax:after,
.btn-ajax:after { content: ''; width: 16px; height: 16px; position: absolute; background-repeat: no-repeat; }
.elementor-kit-8 a.btn-ajax.loading:after,
.btn-ajax.loading:after { background-image: url(img/loading.gif); top: calc(50% - 8px); margin-left: 10px; }
.more-container { margin-top: 60px; text-align: center; }
.elementor a.button.btn-arrow-down { padding-right: 50px; }
.btn-arrow-down:after { content: ''; background-image: url(img/icon_arrow_down.svg); width: 22px; height: 22px; background-repeat: no-repeat; right: 22px; top: calc(50% - 11px); }
.bb-feedback-button { visibility: hidden; }
.pricing .r-2,
.pricing .r-3,
.pricing .r-4,
.pricing .r-5,
.pricing .r-6,
.pricing .r-7,
.pricing .r-8,
.pricing .r-9 { justify-content: center; }
a.underline-link,
.underline-link a { text-decoration: underline; }
body.page-id-1619 .bb-feedback-button,
body.category-blogs .bb-feedback-button,
body.single-post .bb-feedback-button { visibility: visible; }
body.lang-en .cal-th { display: none !important; }
body.lang-th .cal-en { display: none !important; }
@media only screen and (max-width:1100px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link  { height: auto; padding: 15px 15px 0; }
  #mega-menu-wrap-menu-1 .mega-menu-toggle { position: fixed; top: 10px; right: 0; }
  .c-btn-demo { display: none; }
  .pricing { overflow-x: scroll; }
  .pricing .e-con-inner { min-width: 1024px; }
}

@media only screen and (min-width:600px) {
  .grid-posts .grid-post { width: 48%; }
}

@media only screen and (min-width:320px) {
  h1,
  .elementor-kit-6 h1 { font-size: 28px; line-height: 36px; }
  h2,
  .elementor-kit-6 h2 { font-size: 24px; line-height: 32px; }
  h3,
  .elementor-kit-6 h3 { font-size: 16px; line-height: 24px; }
  h4,
  .elementor-kit-6 h4 { font-size: 14px; line-height: 20px; }
  h5,
  .elementor-kit-6 h5 { font-size: 12px; line-height: 18px; }
  h6,
  .elementor-kit-6 h6 { font-size: 12px; line-height: 18px; }
}

@media only screen and (min-width:767px) {
  body { font-size: 14px; line-height: 20px; }
  h1,
  .elementor-kit-6 h1 { font-size: 36px; line-height: 48px; }
  h2,
  .elementor-kit-6 h2 { font-size: 28px; line-height: 36px; }
  h3,
  .elementor-kit-6 h3 { font-size: 20px; line-height: 28px; }
  h4,
  .elementor-kit-6 h4 { font-size: 16px; line-height: 24px; }
  h5,
  .elementor-kit-6 h5 { font-size: 14px; line-height: 20px; }
  h6,
  .elementor-kit-6 h6 { font-size: 14px; line-height: 20px; }
  .quad-h-padding { padding-left: 32px; padding-right: 32px; }
  .quad-l-h-padding { padding-left: 32px; }
  .quad-r-h-padding { padding-right: 32px; }
}

@media only screen and (min-width:992px) {
  .quad-h-padding { padding-left: 48px; padding-right: 48px; }
  .quad-l-h-padding { padding-left: 48px; }
  .quad-r-h-padding { padding-right: 48px; }
}

@media only screen and (min-width:1200px) {
  .quad-h-padding { padding-left: 72px; padding-right: 72px; }
  .quad-l-h-padding { padding-left: 72px; }
  .quad-r-h-padding { padding-right: 72px; }
  .grid-posts .grid-post { width: 32%; }
}

@media only screen and (min-width:1339px) {
  body { font-size: 16px; line-height: 24px; }
  h1,
  .elementor-kit-6 h1 { font-size: 48px; line-height: 56px; }
  h2,
  .elementor-kit-6 h2 { font-size: 36px; line-height: 48px; }
  h3,
  .elementor-kit-6 h3 { font-size: 24px; line-height: 32px; }
  h4,
  .elementor-kit-6 h4 { font-size: 20px; line-height: 28px; }
  h5,
  .elementor-kit-6 h5 { font-size: 16px; line-height: 24px; }
  h6,
  .elementor-kit-6 h6 { font-size: 16px; line-height: 24px; }
}

@media only screen and (min-width:1920px) {
  .quad-h-padding { padding-left: 144px; padding-right: 144px; }
  .quad-l-h-padding { padding-left: 144px; }
  .quad-r-h-padding { padding-right: 144px; }
}