html,body {
    font-family: 'Poppins', sans-serif;
}

body {
    margin: 0;
    /* height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center; */
    background: radial-gradient(
      ellipse 90% 45% at top center,
      rgba(247, 199, 43, 0.4) 0%,
      rgba(0, 0, 0, 1) 45%
    );
    background-color: #000;
    background-repeat: no-repeat;
    color: white;
    /* text-align: center; */
}

 /* Tablet adjustment */
@media (max-width: 768px) {
    body {
        margin: 0;
        background: radial-gradient(
            ellipse 90% 5% at top center,
            rgba(247, 199, 43, 0.4) 0%,
            rgba(0, 0, 0, 1) 45%
        );
        background-color: #000;
        background-repeat: no-repeat;
        color: white;
    }
}

/* Mobile adjustment */
@media (max-width: 480px) {
    body {
        margin: 0;
        background: radial-gradient(
            ellipse 90% 5% at top center,
            rgba(247, 199, 43, 0.4) 0%,
            rgba(0, 0, 0, 1) 45%
        );
        background-color: #000;
        background-repeat: no-repeat;
        color: white;
    }
}


.reviews {
  background: radial-gradient(
    ellipse 90% 65% at top center,
    rgba(247, 199, 43, 0.4) 0%,
    rgba(28, 32, 37, 1) 45%
  );
  background-color: #1c2025 ;
}

.terms-list {
  list-style: decimal;
}

.terms-list ul {
  list-style: disc;
}

input, textarea {
  border-radius: 15px;
  border: 1px solid --primary;
  padding: .75rem .5rem !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  background-color: #333;
}


/* Gallery grid styling */

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.gallery-item:hover {
    transform: scale(1.05);
}

.gallery-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}