
p {
    padding: 0 0 20px;
    margin: 0;
}

a, a:hover{
   color: #B8763F; 
   text-decoration: none;
}

/* Text input */
.search-field {
  height: 46px;                   /* fixed height */
  padding: 10px 20px;             /* padding inside */
  border: 1px solid #ccc;         /* light grey border */
  font-size: 14px;                /* normal text size */
  color: #333;                    /* text color */
  border-radius: 4px;             /* optional rounded corners */
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Focus state */
.search-field:focus {
  border-color: #B8763F !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(184, 118, 63, 0.2); /* subtle glow */
}

/* Placeholder */
.search-field::placeholder {
  font-size: 13px;                
  color: #999;                    
}

/* Submit button */
form input[type="submit"] {
  height: 46px;
  padding: 0 20px;
  margin-left: 6px;          
  border: 1px solid #B8763F;
  background-color: #B8763F;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}

/* Submit hover */
form input[type="submit"]:hover {
  background-color: #8f5b2b;  /* darker shade */
  border-color: #8f5b2b;
}

.accordion-button:focus {
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #B8763F;
}
.accordion-button::after {
    display: none;
}
.accordion-button{
  font-weight: bold;
}


 .banner-section {
      position: relative;
      background: url('https://goonj.org/wp-content/uploads/2018/06/banner_collection-Camp.png') no-repeat center center/cover;
      height: 350px; /* adjust as per your need */
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #fff;
      margin-top: 100px;
    }

    .banner-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 74%); 
    }

    .banner-content {
      position: relative;
      z-index: 2;
    }

    .banner-content h1 {
      font-size: 2.5rem;
      font-weight: bold;
    }

    /* step css */
        .how-section p {
      font-size: 18px;
      margin: 0;
    }

    .how-section h5 {
      font-weight: bold;
    }

    .arrows img {
      width: 90px;
    }

    .curved-arrow-down {
      position: absolute;
      width: 180px;
      height: 180px;
      right: -50px;
      bottom: 40px;
      background: url('https://goonj.org/wp-content/uploads/2025/08/1.png') no-repeat center center;
      background-size: contain;
    }

    /* .desktop-only-how {
      display: block;
    } */

    .mobile-only-how {
      display: none;
    }

    @media (max-width: 768px) {
      .banner-section {
        height: 250px;
        margin-top: 0px;
      }
      .banner-content h1 {
        font-size: 1.8rem;
      }

      /* steps css */
      .curved-arrow-down {
        display: none;
      }

      .arrows img {
        display: none;
      }

      .desktop-only-how {
        display: none;
      }

      .mobile-only-how {
        display: block;
      }

    }
