.elementor-486 .elementor-element.elementor-element-148e82a{--display:flex;--min-height:600px;--justify-content:center;}.elementor-486 .elementor-element.elementor-element-d82371b{text-align:center;}.elementor-486 .elementor-element.elementor-element-d82371b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:600;color:#333333;}.elementor-486 .elementor-element.elementor-element-5e80039{text-align:center;font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:400;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0136cf3 *//* 🌍 JSLand Explore CTA (v1.6 – Minimalist + Themed Hover) */
.jsland-explore-cta {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 30px;
  font-family: 'Montserrat', sans-serif;
  animation: fadeUp 0.8s ease both;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.jsland-explore-cta p {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
}

.explore-btn {
  display: inline-block;
  padding: 10px 26px;
  background: #4CAF50;       /* JSLand main green */
  color: #fff !important;
  font-weight: 600;
  font-size: 15px;
  border-radius: 50px;
  text-decoration: none !important;
  transition: background .25s ease, transform .2s ease;
}

.explore-btn:hover {
  background: #388E3C;       /* Darker green hover */
  transform: translateY(-1px);
  color: #fff !important;
}

/* Hint text */
.jsland-explore-cta .hint {
  font-size: 14px;
  color: #555;
  margin-top: 10px;
  font-style: italic;
}

/* Mobile pulse animation */
@media(max-width: 768px) {
  .explore-btn {
    animation: pulseMobile 2.4s infinite ease-in-out;
  }
}

@keyframes pulseMobile {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(76, 175, 80, 0); }
  50% { transform: scale(1.04); box-shadow: 0 0 8px rgba(76, 175, 80, 0.25); }
}


@media(max-width:768px) {
  .explore-btn {
    padding: 9px 22px;
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-148e82a *//* === JSLAND Homepage Hero — Polished Premium Style (v1.3) === */
.elementor-486 .elementor-element.elementor-element-148e82a {
  background: linear-gradient(180deg, #f6fff8 0%, #f9fefb 40%, #ffffff 100%);
  box-shadow: inset 0 -60px 80px rgba(46,125,50,0.05);
  animation: fadeUp 0.8s ease-out both;
  overflow: hidden;
}

/* Smooth fade-in entry on load */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */