.elementor-20566 .elementor-element.elementor-element-63c74b9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20566 .elementor-element.elementor-element-23b58f4 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-20566 .elementor-element.elementor-element-23b58f4{text-align:center;}.elementor-20566 .elementor-element.elementor-element-23b58f4 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:48px;font-weight:600;color:#1A1A1A;}.elementor-20566 .elementor-element.elementor-element-84f728c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-20566 .elementor-element.elementor-element-84f728c{text-align:center;}.elementor-20566 .elementor-element.elementor-element-84f728c .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:48px;font-weight:600;color:#1A1A1A;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-20566 .elementor-element.elementor-element-1770d86{width:initial;max-width:initial;}.elementor-20566 .elementor-element.elementor-element-1770d86.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-20566 .elementor-element.elementor-element-39af8ed > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-20566 .elementor-element.elementor-element-748debf{width:initial;max-width:initial;}.elementor-20566 .elementor-element.elementor-element-748debf.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-20566 .elementor-element.elementor-element-23b58f4 > .elementor-widget-container{padding:0px 16px 0px 16px;}.elementor-20566 .elementor-element.elementor-element-23b58f4 .elementor-heading-title{font-size:32px;}.elementor-20566 .elementor-element.elementor-element-84f728c > .elementor-widget-container{padding:0px 16px 0px 16px;}.elementor-20566 .elementor-element.elementor-element-84f728c .elementor-heading-title{font-size:32px;}}/* Start custom CSS for html, class: .elementor-element-1770d86 */@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600&family=Space+Grotesk:wght@500&display=swap');

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #fff;
  color: #1a1a1a;
}

/* Trigger Button */
.location-popup-btn {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  color: #ffffff;
  background-color: transparent !important;
  border: none;
  padding: 10px 16px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: color 0.2s ease, text-decoration 0.2s ease;
}

.location-popup-btn:hover {
  background-color: transparent !important;
  color: #ffffff;
  text-decoration: underline; /* optional: subtle interaction */
}

/* Overlay */
.pincode-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(3px);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Modal */
.pincode-modal {
  background: #ffffff;
  border-radius: 18px;
  padding: 32px 24px;
  max-width: 450px;
  width: 90%;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  text-align: center;
  animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 14px;
  right: 18px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #999;
}

/* Headings & Text */
.modal-heading {
  font-size: 20px;
  color: #1a1a1a;
  margin-bottom: 6px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.modal-subtext {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Input Group */
.input-group {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px 12px;
  background-color: #f9f9f9;
}

.input-group input {
  border: none;
  outline: none;
  flex: 1;
  font-size: 16px;
  background: transparent;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.input-icon {
  color: #ffffff;
  font-size: 18px;
}

/* Button inside modal */
.check-btn {
  background-color: #292966;
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-family: 'Space Grotesk', sans-serif;
  transition: background-color 0.3s ease;
}

.check-btn:hover {
  background-color: #1f1f52;
}

/* Status Message */
.status-message {
  margin-top: 14px;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Metro Cities Section */
.metro-heading {
  font-size: 15px;
  font-weight: 600;
  color: #292966;
  margin-top: 28px;
  margin-bottom: 12px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.metro-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.metro-city {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
}

.metro-city img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-bottom: 4px;
}

.metro-city p {
  margin: 0;
  font-size: 13px;
  color: #1a1a1a;
  font-weight: 500;
  font-family: 'Plus Jakarta Sans', sans-serif;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-748debf */@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600&family=Space+Grotesk:wght@500&display=swap');

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #fff;
  color: #1a1a1a;
}

/* Trigger Button */
.location-popup-btn {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  color: #ffffff;
  background-color: transparent !important;
  border: none;
  padding: 10px 16px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: color 0.2s ease, text-decoration 0.2s ease;
}

.location-popup-btn:hover {
  background-color: transparent !important;
  color: #ffffff;
  text-decoration: underline; /* optional: subtle interaction */
}

/* Overlay */
.pincode-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(3px);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Modal */
.pincode-modal {
  background: #ffffff;
  border-radius: 18px;
  padding: 32px 24px;
  max-width: 450px;
  width: 90%;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  text-align: center;
  animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 14px;
  right: 18px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #999;
}

/* Headings & Text */
.modal-heading {
  font-size: 20px;
  color: #1a1a1a;
  margin-bottom: 6px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.modal-subtext {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Input Group */
.input-group {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px 12px;
  background-color: #f9f9f9;
}

.input-group input {
  border: none;
  outline: none;
  flex: 1;
  font-size: 16px;
  background: transparent;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.input-icon {
  color: #ffffff;
  font-size: 18px;
}

/* Button inside modal */
.check-btn {
  background-color: #292966;
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-family: 'Space Grotesk', sans-serif;
  transition: background-color 0.3s ease;
}

.check-btn:hover {
  background-color: #1f1f52;
}

/* Status Message */
.status-message {
  margin-top: 14px;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Metro Cities Section */
.metro-heading {
  font-size: 15px;
  font-weight: 600;
  color: #292966;
  margin-top: 28px;
  margin-bottom: 12px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.metro-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.metro-city {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
}

.metro-city img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-bottom: 4px;
}

.metro-city p {
  margin: 0;
  font-size: 13px;
  color: #1a1a1a;
  font-weight: 500;
  font-family: 'Plus Jakarta Sans', sans-serif;
}/* End custom CSS */