.location-sec {  padding: 100px 0;  background: #f5f5f5;  font-family: "Poppins", sans-serif;}
.location-wrapper {  width: 70%;  margin: auto;  display: flex;  justify-content: space-between;  gap: 60px;}
/* LEFT SIDE */
.location-left {  width: 45%;}
.location-heading {  display: flex;  align-items: center;  gap: 15px;  margin-bottom: 40px;}
.location-heading span { width: 4px;  height: 30px;  background: #e2691e;  display: inline-block;}
.location-heading h2 {  font-size: 26px;  font-weight: 600;  color: #1f2a44;}
.location-info h4 {  margin-top: 25px;  font-size: 15px;  font-weight: 600;  color: #333;}
.location-info p {  font-size: 14px;  color: #666;  margin-top: 5px;  line-height: 1.7;  max-width: 350px;}
/* RIGHT SIDE */
.location-right {  width: 50%;}
.location-form {  width: 100%;}
.form-row {  display: flex; gap: 20px;  margin-bottom: 20px;}
.form-row input {  width: 48%;  padding: 12px;  border: 1px solid #ddd;  background: #eef0f5;  border-radius: 4px;  font-size: 14px;}
.location-form textarea {  width: 100%;  height: 120px;  padding: 12px;  border: 1px solid #ddd;  background: #eef0f5;  border-radius: 4px;  resize: none;  font-size: 14px;  margin-bottom: 25px;}
.location-form button {  background: #1f2a44;  color: #fff;  padding: 12px 40px;  border: none;  border-radius: 4px;  cursor: pointer;  transition: 0.3s ease;}
.location-form button:hover {  background: #e2691e;}

@media only screen and (min-width: 1601px) and (max-width:1700px) {
.location-right {        width: 55%;}
.form-row input {    width: 47%;    padding: 12px;    border: 1px solid #ddd;    background: #eef0f5;    border-radius: 4px;    font-size: 14px;}
.location-heading h2{font-size: 20px;}
.location-info p {  font-size: 12px;}
  .location-info h4 {  margin-top: 25px;  font-size: 14px;}
}

@media only screen and (min-width: 1501px) and (max-width:1600px) {
.location-right {        width: 55%;}
.form-row input {    width: 47%;    padding: 12px;    border: 1px solid #ddd;    background: #eef0f5;    border-radius: 4px;    font-size: 14px;}
.location-heading h2{font-size: 20px;}
.location-info p {  font-size: 12px;}
  .location-info h4 {  margin-top: 25px;  font-size: 14px;}
}

@media only screen and (min-width: 1401px) and (max-width:1500px) {
.location-right {        width: 55%;}
.form-row input {    width: 47%;    padding: 12px;    border: 1px solid #ddd;    background: #eef0f5;    border-radius: 4px;    font-size: 14px;}
.location-heading h2{font-size: 20px;}
.location-info p {  font-size: 12px;}
  .location-info h4 {  margin-top: 25px;  font-size: 14px;}
}

@media only screen and (min-width: 1301px) and (max-width:1400px) {
.location-right {        width: 55%;}
.form-row input {    width: 47%;    padding: 12px;    border: 1px solid #ddd;    background: #eef0f5;    border-radius: 4px;    font-size: 14px;}
.location-heading h2{font-size: 20px;}
.location-info p {font-size: 12px;}
    .location-info h4 {  margin-top: 25px;  font-size: 14px;}
}

@media only screen and (min-width: 1201px) and (max-width:1300px) {
.location-right {    width: 100%;}
.form-row input {    width: 100%;    padding: 12px;    border: 1px solid #ddd;    background: #eef0f5;    border-radius: 4px;    font-size: 14px;}
.location-heading h2{font-size: 20px;}
.location-info p {  font-size: 12px;}
  .location-info h4 {  margin-top: 25px;  font-size: 14px;}
}

@media only screen and (min-width: 1101px) and (max-width:1200px) {
.location-right {    width: 100%;}
.form-row input {    width: 100%;    padding: 12px;    border: 1px solid #ddd;    background: #eef0f5;    border-radius: 4px;    font-size: 14px;}
.location-heading h2{font-size: 20px;}
.location-info p {  font-size: 12px;}
  .location-info h4 {  margin-top: 25px;  font-size: 14px;}
}

@media only screen and (min-width: 1001px) and (max-width:1100px) {
.form-row input {    width: 100%;    padding: 12px;    border: 1px solid #ddd;    background: #eef0f5;    border-radius: 4px;    font-size: 14px;}
.location-heading h2{font-size: 20px;}
.location-info p {  font-size: 12px;}
  .location-info h4 {  margin-top: 25px;  font-size: 14px;}
}

@media screen and (max-width: 990px) {
  .location-wrapper {width: 80%;    flex-direction: column;}
  .location-left,  .location-right {    width: 100%;}
  .location-info p {font-size: 12px;    max-width: 100%;}
 .location-form button{font-size: 12px;}
  .form-row {    flex-direction: column;}
  .form-row input {    width: 100%;}
  .location-sec {    padding: 60px 0;}
  .location-heading h2 {    font-size: 20px;}

}