@import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Hand+Pre:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: "Edu NSW ACT Hand Pre", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
    
}

h5{
  font-weight: 600 !important;
}

p, li{
  font-family: "Poppins", sans-serif;

}


.container-fluid{
    overflow: hidden;
}

:root{
    --golden:#d2ae6d;
    --green:#636c3c;
    --golden-bg-contrast-brown:#f6ffdb;

}

h1 {
  line-height: 1.5 !important;
  font-size: 2rem;
}

.number-particles-container {
  z-index: 1;
  pointer-events: none;
}

.number-particles-container span {
  position: absolute;
  font-size: 1.5rem;
  font-family: 'Playfair Display', serif;
  color: black;
  font-weight: 600;
  user-select: none;
  white-space: nowrap;
}

.highlight-gold, .highlight-green {
  font-size: inherit !important;
  font-weight: 800 !important;
  font-family: "Edu NSW ACT Hand Pre", cursive !important;
  
}

.highlight-gold {
  display: inline-block;
  margin-top: 10px;
}


@media (min-width: 768px) {
  h1 {
    font-size: 2.8rem;
  }

  h4 {
    font-size: 1.25rem;
  }
}

.subhead {
  margin-top: 1rem;
  font-weight: 500;
}


/* newsletter */
.newsletter-form {
  display: flex;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}

.newsletter-input {
  flex: 1;
  padding: 12px 16px;
  border: none;
  font-size: 1rem;
  outline: none;
}

.newsletter-button {
  background-color: #636c3c;
  color: white;
  border: none;
  padding: 0 20px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s ease;
}

.newsletter-button:hover {
  background-color: #4d552f;
}

@media (max-width: 480px) {
  .newsletter-form {
    flex-direction: column;
  }

  .newsletter-button {
    width: 100%;
    padding: 12px;
  }
}


/* art work page */

.bg-main{
  background-image: url(images/bg-main-2.jpg);
  background-position: center;
  background-size: cover;
  height: 100vh;
  border-radius: 0 0 250px 250px;
  color:var(--golden);
}

.shadow-container h1 {
  text-shadow: 4px 2px 2px var(--green);
  font-size: 4em;
  font-weight: 600;
}
.shadow-container p {
color: var(--green);  font-family: "Poppins", sans-serif;
}


.emotions{
  border: 1px var(--golden) solid;
  padding: 20px;
  height: 250px;
  border-radius: 15px;
  background: #fff;
}

.text-color{
  color: var(--green) !important;
}

.pointers,.pointers-2 {  
  list-style: none;
  padding-left: 0;
}

.pointers li ,.pointers-2 li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.6;
}

.pointers li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 24px;
  height: 24px;
  background-color: #636c3c; /* Green background */
  mask: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.7 4.4 15.6 6 18 6C18 8.4 16.4 11.3 14 12C16.4 12.7 18 15.6 18 18C15.6 18 12.7 16.4 12 14C11.3 16.4 8.4 18 6 18C6 15.6 7.6 12.7 10 12C7.6 11.3 6 8.4 6 6C8.4 6 11.3 7.6 12 10C12.7 7.6 15.6 6 18 6C18 3.6 16.4 2 14 2C13.3 2 12.7 2.3 12 2Z"/></svg>') no-repeat center;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.7 4.4 15.6 6 18 6C18 8.4 16.4 11.3 14 12C16.4 12.7 18 15.6 18 18C15.6 18 12.7 16.4 12 14C11.3 16.4 8.4 18 6 18C6 15.6 7.6 12.7 10 12C7.6 11.3 6 8.4 6 6C8.4 6 11.3 7.6 12 10C12.7 7.6 15.6 6 18 6C18 3.6 16.4 2 14 2C13.3 2 12.7 2.3 12 2Z"/></svg>') no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-size: 16px;
  border-radius: 50%;
}

.pointers-2 li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 24px;
  height: 24px;
  background-color: #ffffff; /* Green background */
  mask: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.7 4.4 15.6 6 18 6C18 8.4 16.4 11.3 14 12C16.4 12.7 18 15.6 18 18C15.6 18 12.7 16.4 12 14C11.3 16.4 8.4 18 6 18C6 15.6 7.6 12.7 10 12C7.6 11.3 6 8.4 6 6C8.4 6 11.3 7.6 12 10C12.7 7.6 15.6 6 18 6C18 3.6 16.4 2 14 2C13.3 2 12.7 2.3 12 2Z"/></svg>') no-repeat center;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.7 4.4 15.6 6 18 6C18 8.4 16.4 11.3 14 12C16.4 12.7 18 15.6 18 18C15.6 18 12.7 16.4 12 14C11.3 16.4 8.4 18 6 18C6 15.6 7.6 12.7 10 12C7.6 11.3 6 8.4 6 6C8.4 6 11.3 7.6 12 10C12.7 7.6 15.6 6 18 6C18 3.6 16.4 2 14 2C13.3 2 12.7 2.3 12 2Z"/></svg>') no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-size: 16px;
  border-radius: 50%;
}

.pointers li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 24px;
  height: 24px;
  background-color: #636c3c; /* Green background */
  mask: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.7 4.4 15.6 6 18 6C18 8.4 16.4 11.3 14 12C16.4 12.7 18 15.6 18 18C15.6 18 12.7 16.4 12 14C11.3 16.4 8.4 18 6 18C6 15.6 7.6 12.7 10 12C7.6 11.3 6 8.4 6 6C8.4 6 11.3 7.6 12 10C12.7 7.6 15.6 6 18 6C18 3.6 16.4 2 14 2C13.3 2 12.7 2.3 12 2Z"/></svg>') no-repeat center;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.7 4.4 15.6 6 18 6C18 8.4 16.4 11.3 14 12C16.4 12.7 18 15.6 18 18C15.6 18 12.7 16.4 12 14C11.3 16.4 8.4 18 6 18C6 15.6 7.6 12.7 10 12C7.6 11.3 6 8.4 6 6C8.4 6 11.3 7.6 12 10C12.7 7.6 15.6 6 18 6C18 3.6 16.4 2 14 2C13.3 2 12.7 2.3 12 2Z"/></svg>') no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-size: 16px;
  border-radius: 50%;
}

video{
  border-radius: 15px;
}



.form-container{
  background:var(--green);
}
  
  .contact-form {display: flex;
  flex-wrap: wrap;
  gap: 1rem; /* space between items */
    padding: 2rem;
    border-radius: 12px;
    font-family: "Poppins", sans-serif;
    color: var(--green);
  }

  .contact-form h3 {
      font-family: "Poppins", sans-serif;

    color: var(--golden);
    margin-bottom: 1.5rem;
    text-align: center;
  }




  .contact-form input[type="text"],
  .contact-form input[type="tel"],
  .contact-form input[type="number"] {
      flex: 1 1 calc(50% - 1rem); /* two inputs per row with gap */
  box-sizing: border-box;
    width: 100%;
    padding: 0.5rem 0.75rem;
    margin-bottom: 1.2rem;
    border: 1px solid #ffffff50;
    border-radius: 6px;
    font-size: 1rem;
    color: var(--green);
    background-color: transparent; /* Changed from lavender to white */
    transition: border-color 0.3s ease;
  }

  #numPersons{
    color: white;
  }

  .contact-form .radio-group {
    margin-bottom: 1.5rem;
    color: white;
      flex: 1 1 100%; /* full width below inputs */
  
  }

  .contact-form .radio-group label {
    margin-right: 1.5rem;
    font-weight: normal;
          font-family: "Poppins", sans-serif;
              color: white;


  }

  .contact-form .price {
    font-weight: 500;
    font-size:2em;
    margin-bottom: 1.5rem;
    color: white;
    text-align: center;
          font-family: "Poppins", sans-serif;

  }

  .contact-form button {
    
    border: none;
    padding: 0.7rem 1.5rem;
    font-size: 1rem;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    font-weight: 600;
    transition: background-color 0.3s ease;
     flex: 1 1 100%; /* full width */
  
  }

  .contact-form button:hover {
    background:  var(--golden);
    color: var(--green);
  }

  input::placeholder {
  color: #ffffff; /* golden */
  
  font-weight: 500;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}