.elementor-1741 .elementor-element.elementor-element-8d3aab5{--display:flex;--min-height:443px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.51;}.elementor-1741 .elementor-element.elementor-element-8d3aab5:not(.elementor-motion-effects-element-type-background), .elementor-1741 .elementor-element.elementor-element-8d3aab5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lagomspaces.com/wp-content/uploads/2025/07/Gurugram-1.jpg");background-position:bottom left;background-size:cover;}.elementor-1741 .elementor-element.elementor-element-8d3aab5::before, .elementor-1741 .elementor-element.elementor-element-8d3aab5 > .elementor-background-video-container::before, .elementor-1741 .elementor-element.elementor-element-8d3aab5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1741 .elementor-element.elementor-element-8d3aab5 > .elementor-background-slideshow::before, .elementor-1741 .elementor-element.elementor-element-8d3aab5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1741 .elementor-element.elementor-element-8d3aab5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1741 .elementor-element.elementor-element-1ba5152{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-1741 .elementor-element.elementor-element-b21999c{text-align:center;}.elementor-1741 .elementor-element.elementor-element-b21999c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#1C1C1C;}.elementor-1741 .elementor-element.elementor-element-cc74e65{text-align:center;}.elementor-1741 .elementor-element.elementor-element-cc74e65 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#272727;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1741 .elementor-element.elementor-element-4d8c39e{--divider-border-style:solid;--divider-color:#FCD601;--divider-border-width:2.6px;}.elementor-1741 .elementor-element.elementor-element-4d8c39e .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-1741 .elementor-element.elementor-element-4d8c39e .elementor-divider{text-align:center;padding-block-start:3px;padding-block-end:3px;}.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-1741 .elementor-element.elementor-element-9b13acb{text-align:center;font-family:"Poppins", Sans-serif;font-weight:500;color:#2A2A2A;}.elementor-1741 .elementor-element.elementor-element-6f4fdcf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-1741 .elementor-element.elementor-element-9b13acb{font-size:12px;}}/* Start custom CSS for html, class: .elementor-element-4997ecd */.location-section {
  padding: 80px 20px;
  background-color: #fff;
}

.location-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
}

.location-card {
  width: 320px;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.location-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}

.location-image {
  height: 180px;
  background-size: cover;
  background-position: center;
}

.location-info {
  padding: 25px;
  text-align: center;
  flex-grow: 1; /* makes info area stretch */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* pushes button to bottom */
}

.location-info h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #222;
}

.location-info p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  flex-grow: 1; /* pushes button down */
}

.know-more-btn {
  background-color: #ffd700;
  color: #000;
  font-weight: bold;
  padding: 10px 24px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}

.know-more-btn:hover {
  background-color: #e6c200;
  transform: scale(1.05);
}

/* -------------------
   MOBILE (Max 768px)
------------------- */
@media (max-width: 768px) {
  .location-section {
    padding: 50px 15px;
  }

  .location-container {
    flex-direction: column;
    gap: 25px;
    align-items: center;
  }

  .location-card {
    width: 100%;
    max-width: 380px;
  }

  .location-image {
    height: 200px;
  }

  .location-info {
    padding: 20px;
  }

  .location-info h3 {
    font-size: 18px;
  }

  .location-info p {
    font-size: 13px;
    margin-bottom: 15px;
  }

  .know-more-btn {
    font-size: 14px;
    width: 100%;
    border-radius: 5px;
  }
}/* End custom CSS */