.elementor-33 .elementor-element.elementor-element-38a56615{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-2e578f43{padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-2e578f43 *//* ============ NAVBAR MAIN ============ */
.navbarmain {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #000;
  box-shadow: 0 2px 8px rgba(0,0,0,0.7);
  padding: 0 30px;
}

/* ป้องกันเนื้อหาถูกทับ */
body { scroll-padding-top: 75px; }

/* LOGO */
.navbarmain .logo img {
  max-height: 75px;
  display: block;
}

/* MENU */
.menuicon ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
  padding: 0;
}

.menuicon ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* ===== Hover เมนูสีม่วง ===== */
.menuicon ul li a:hover {
  color: #a855f7; /* ม่วง */
}

/* ===== ติดต่อเรา : กรอบเหลืองล้วน ===== */
.menuicon ul li a.contact-link {
  background: transparent !important;
  color: #facc15 !important;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 700;
  border: 2px solid #facc15 !important;
  transition: all 0.3s ease;
}
.menuicon ul li a.contact-link:hover {
  background: #facc15 !important;
  color: #000 !important;
  transform: translateY(-2px);
}

/* LOGIN & REGISTER BUTTONS */
.loginregishead {
  display: flex;
  gap: 10px;
}

.btn {
  border: none;
  padding: 14px 28px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ให้ลิงก์เต็มปุ่ม */
.btn a {
  text-decoration: none;
  color: inherit;
  width: 100%;
  height: 100%;
  display: inline-block;
}

/* ===== LOGIN : สีเหลือง ===== */
.btn-login {
  background: #facc15 !important;
  color: #000 !important;
  border: 2px solid #facc15 !important;
}
.btn-login:hover {
  background: #fde047 !important;
  border-color: #fde047 !important;
  transform: scale(1.05);
}

/* ===== REGISTER : สีม่วง ตัวหนังสือขาว ===== */
.btn-register {
  background: #7c3aed !important;
  color: #ffffff !important;
  border: 2px solid #7c3aed !important;
}
.btn-register:hover {
  background: #a855f7 !important;
  border-color: #a855f7 !important;
  color: #ffffff !important;
  transform: scale(1.05);
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1024px) {
  .navbarmain {
    padding: 0 16px;
    height: 70px;
  }
  .menuicon ul {
    gap: 20px;
  }
  .btn {
    padding: 12px 22px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .navbarmain {
    flex-direction: column;
    height: auto;
    padding: 10px;
    gap: 10px;
  }
  .menuicon ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }
  .loginregishead {
    justify-content: center;
  }
  .btn {
    padding: 10px 18px;
    font-size: 14px;
  }
}

/* ===== HOTFIX ล็อกสี กันธีม / Elementor / global hover ===== */
.navbarmain .loginregishead .btn a,
.navbarmain .loginregishead .btn a:link,
.navbarmain .loginregishead .btn a:visited,
.navbarmain .loginregishead .btn a:hover,
.navbarmain .loginregishead .btn a:focus,
.navbarmain .loginregishead .btn a:active {
  color: inherit !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS */html, body {
    overflow-x: hidden;
    width: 100%;
}/* End custom CSS */