/* Target the header */
.header {
  position: sticky;
  top: 0;       /* Stick to the top */
  z-index: 999; /* Make sure it stays above other elements */
  background: #fff; /* Add background to avoid transparency issues */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* optional shadow */
} 
.one{
	color:#3d4f3c;
}


.f-card * { box-sizing:border-box; margin:0; padding:0; }

.f-card br { display: none !important; }
.f-card .wpcf7-form-control-wrap { display: block; width: 100%; }

.f-card { background:#ffffff; border:1px solid #e0cdb0; border-radius:20px; padding:45px 45px 35px 45px; width:800px; margin:0 auto; font-family:Georgia,serif; }

.f-row { display:grid; grid-template-columns:1fr 1fr; gap:19px; margin-bottom:30px; }
.f-full { grid-column:1/-1; }
.f-grp { display:block; }

.f-lbl { font-size:16px; color:#1a2e1a; font-family:Nunito,serif; font-weight:500; display: block; margin-bottom: 10px; }

.f-inp { width:100%; padding:13px 15px; border:1.5px solid #e0cdb0; border-radius:9px; background:#fdf8f1; font-size:16px; color:#3c3830; font-family:Georgia,serif; outline:none; transition:border-color .15s; }
.f-inp::placeholder { color:#b5aca2; font-size:13px; }
.f-inp:focus { border-color:#9aaa7a; }
input[type=date].f-inp { color:#b5aca2; }
input[type="text"].f-inp, input[type="email"].f-inp, input[type="tel"].f-inp { border-radius: 9px; }

.f-sel-w { position:relative; width: 100%; }
.f-sel-w select { width:100%; padding:13px 34px 13px 13px; border:1.5px solid #e0cdb0; border-radius:9px; background:#fdf8f1; font-size:13px; color:#b5aca2; font-family:Georgia,serif; outline:none; appearance:none; -webkit-appearance:none; cursor:pointer; }
.f-sel-w select:focus { border-color:#9aaa7a; }
.f-sel-w::after { content:'▾'; position:absolute; right:12px; top:50%; transform:translateY(-50%); color:#888; pointer-events:none; font-size:20px; }

.f-hr { border:none; border-top:1px solid #e0cdb0; margin:5px 0 25px; }

.f-tour-section { margin-bottom: 35px; display: block; clear: both; }
.f-tour-lbl { font-size:13px; color:#3c3830; font-style:italic; font-family:Georgia,serif; margin-top:5px; margin-bottom:22px !important; display:block; line-height: 1.4 !important; }

.f-radios { display:flex; gap:25px; align-items:center; }
.f-radios .wpcf7-list-item { margin: 0; display: inline-block; }
.f-rlbl, .f-radios label { display:flex; align-items:center; gap:8px; font-size:13px; color:#3c3830; cursor:pointer; font-family:Georgia,serif; line-height: 1; }

.f-rlbl input[type=radio], .f-radios input[type="radio"] { width:18px !important; height:18px !important; accent-color:#2d4820; cursor:pointer; margin:0; vertical-align: middle; }

.f-btn-wrap { text-align:center; margin-top:40px; margin-bottom:20px; }
.f-card input[type="submit"] { display:inline-block; padding:15px 70px; background:#2d4820; color:#fff; border:none; border-radius:50px; font-size:16px; font-family:Georgia,serif; font-weight:600; cursor:pointer; text-transform:capitalize; letter-spacing:.2px; transition: background 0.2s ease; }
.f-card input[type="submit"]:hover { background:#3a5a28; }

.f-note { text-align:center; font-size:11.5px; color:#a8a098; font-style:italic; font-family:Georgia,serif; display: block; }

@media screen and (max-width: 700px) {
  .f-card { width: 95%; padding: 30px 15px; }
  .f-row { grid-template-columns: 1fr; gap: 20px; margin-bottom: 20px; }
}
.f-tour-lbl {
  margin-top: 20px !important;   
  margin-bottom: 12px !important; 
}
.f-radios {
  gap:45px !important;           
}


/*— Only add this chunk to space out the radio options —*/
.f-radios .wpcf7-radio {
  display: flex !important;
  gap: 15px !important; /* "Yes, please!" aur "Not right now" ke beech ka gap */
}

.f-radios .wpcf7-list-item {
  margin-right: 10px !important; /* Extra safety horizontal space */
}

/*— Only add this chunk to reduce the box size/height —*/

.f-inp {
  padding: 8px 15px !important; /* बॉक्स की ऊपर-नीचे की पैडिंग 13px से घटाकर 8px कर दी */
}

.f-sel-w select {
  padding: 8px 34px 8px 13px !important; /* ड्रॉपडाउन बॉक्स की हाइट भी मैच करने के लिए कम कर दी */
}



/*— Only add this chunk to increase horizontal space between inputs —*/

.f-row {
  column-gap: 25px !important; /* दोनों बॉक्सेस के बीच का गैप 19px से बढ़ाकर 35px कर दिया */
}

















/* Hover animation only - no background color change */
.btn-primary:hover,
.btn-secondary:hover {
  transform: translateY(-3px) scale(1.05); /* lift and slight scale */
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); /* shadow effect */
  transition: all 0.4s ease; /* smooth animation */
}