/*!
Theme Name: Attractor Yourland Theme
Theme URI: https://attractor.com.au/
Author: Attractor Dev Team
Author URI: https://attractor.com.au/
Description: Proudly Build by Attractor
Version: 1.3.125
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: inmyPrime
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

.custom-list-style {
  list-style: lower-alpha;
  padding-left: 30px;
  font-family: "OldschoolGrotesk_W";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.custom-list-style-2 {
  list-style: disc;
  padding-left: 30px;
  font-family: "OldschoolGrotesk_W";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.custom-list-style li,
.custom-list-style-2 li {
  font-size: 17px;
  font-family: "OldschoolGrotesk_W";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.p-uppercase {
  text-transform: uppercase;
}

.news-filter .category-button.active {
  background: #008041;
}

/* --- Option A base: heading + filter same line --- */
.construction-update-widget .news-heading {
  /* float: left;
  margin: 0 16px 16px 0;  */
  line-height: 1.2;
  margin-bottom: -35px;
  display: none;
}

.construction-update-widget .news-filter {
  /* float: right; */
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* right align buttons */
  gap: 8px; /* horizontal + vertical gap when wrapping */
  margin-bottom: 16px;
}

/* Clear floats below heading/filter row */
.construction-update-widget::after {
  content: "";
  display: block;
  clear: both;
}

/* --- Mobile stack + row spacing --- */
@media (max-width: 600px) {
  .construction-update-widget .news-heading,
  .construction-update-widget .news-filter {
    float: none;
  }

  .construction-update-widget .news-heading {
    margin: 0 0 8px 0; /* gap under heading */
    text-align: left; /* change if you want center */
  }

  .construction-update-widget .news-filter {
    justify-content: flex-start; /* left align buttons on mobile */
    gap: 8px; /* keep space between buttons */
    margin-bottom: 16px;
  }
}

/* ---Copied from the EOI
/* form UI updates */
.gform_wrapper.gravity-theme .gfield_label {
  display: none !important;
}

/* set white color to form texts */
.gform_wrapper.gravity-theme .gfield-choice-input + label {
  color: white;
}

/* update the default checkbox colors and alignments start here */

.gfield-choice-input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  transform: scale(1.2) !important;
  margin-right: 10px !important;
}

.gfield-choice-input[type="checkbox"]:checked {
  background-color: #f36771 !important;
  border-color: #f36771 !important;
  accent-color: #f36771 !important;
}

.gfield-choice-input[type="checkbox"]:checked::before {
  background-color: #f36771 !important;
}

.gchoice {
  display: flex !important;
  align-items: flex-start !important;
  margin-bottom: 15px !important;
}

.gform-field-label--type-inline {
  line-height: 1.4 !important;
  margin-left: 5px !important;
}

/* update the default checkbox colors and alignments end here */

/* center the whole form section */
.footer-widget-register-interest .inner-wrap {
  justify-content: center;
}

/* center the request a call back text */
.footer-widget-register-interest .heading-block .att-description {
  text-align: center;
  font-family:"OldschoolGrotesk_Regular" !important;
}

/* center the lots to talk about text */
.footer-widget-register-interest .heading-block .heading-h2 {
  text-align: center;
}

/* matching the post code drop down styles start here */
/* Make the field container take full width */
.gfield--width-half {
  width: 100% !important;
}

/* Make the input container take full width */
.ginput_container {
  width: 100% !important;
  /* height: 100% !important; */
}

/* Make the Select2 container take full width and height */
.select2-container {
  width: 100% !important;
  height: 100% !important;
  min-height: 50px !important; /* Adjust this value as needed */
}

/* Make the Select2 selection area take full width and height */
.select2-selection {
  width: 100% !important;
  height: 100% !important;

  box-sizing: border-box !important;
  background-color: #f36771 !important;
  color: white !important;
  border: 1px solid white !important;
  border-radius: 2px !important;
}

/* Make the single selection take full height */
.select2-selection--single {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

/* Ensure the rendered content takes full space */
.select2-selection__rendered {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding: 10px !important;
  color: white !important;
}

/* Style the placeholder text */
.select2-selection__placeholder {
  color: white !important;
  opacity: 0.9 !important;
}

/* Position the arrow properly */
.select2-selection__arrow {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  right: 10px !important;
  top: 0 !important;
}

/* Style the arrow to be white */
.select2-selection__arrow b {
  border-color: white transparent transparent transparent !important;
}

/* Make sure the hidden input also takes full width */
.select2-hidden-accessible {
  width: 100% !important;
}

/* Mobile responsive - height 36px for screens less than 768px */
@media (max-width: 768px) {

  .masterplan-slider-text .att-description p {
    font-size: 26px !important;
  }

  h1.elementor-heading-title {
    font-size: 34px !important;
    text-align: left !important;
  }

  .select2-container {
    height: 36px !important;
  }

  .select2-selection {
    height: 36px !important;
  }

  .select2-selection--single {
    height: 36px !important;
  }

  .select2-selection__rendered {
    height: 36px !important;
    padding: 8px 10px !important; /* Reduce padding for smaller height */
  }

  .select2-selection__arrow {
    height: 36px !important;
  }

  #field_6_6 {
    height: 36px !important;
  }

  .location-slider-text h1 {
    font-size:  26px !important;
    line-height: 100% !important;
  }

  .construction-update-widget .news-post .text-wrap .heading-h3 {
    font-size: 26px !important;
  }
  .elementor-1949 .elementor-element.elementor-element-8ebd96d .elementor-heading-title {
      font-size: 26px !important;
  }


  .elementor-1949 .elementor-element.elementor-element-f21c642 .elementor-heading-title {
    font-size: 26px !important;
  }

}

/* Make sure the dropdown wrapper doesn't interfere */
.dropdown-wrapper {
  width: 100% !important;
}
/* matching the post code drop down styles end here */

/* make the anchor text white in the form checkbox section */
#field_6_11 a {
  color: white;
}

@media (min-width: 640px) {
  body .gform_wrapper .ginput_container .name_first {
    padding-right: 2% !important;
  }
}

body .gform_wrapper .gform_fields {
  grid-column-gap: 3% !important;
}

@media (min-width: 641px) {
  body .gform_wrapper .ginput_container .name_first {
    margin-bottom: 0px !important;
  }
}

/* add mobile number and mobile icon */
.phone-link {
  display: flex;
  align-items: center;
  gap: 8px; /* Adjust spacing between icon and text */
  text-decoration: none;
}

.phone-icon {
  width: 16px; /* Or any size you prefer */
  height: auto;
}

/* adjust gif width and height */
.elementor-element-82a8ca6 img {
  width: 150px !important;
}

.elementor-element-9aa1b42 img {
  width: 150px !important;
}

.elementor-element-20123c7 img {
  width: 150px !important;
}

/* adjust margin of the first carousel */
@media screen and (max-width: 768px) {
  .elementor-element-b93adb5 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .advanced-slider-widget {
    margin-top: 30px;
  }
}

/* update btn text */
@media screen and (max-width: 560px) {
  .btn-text {
    font-size: 12px !important;
  }
}

/* update footer start here */
.project-partners-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* or center if you want to center everything */
  gap: 8px; /* spacing between heading and logos */
}

.project-partners-wrap a {
  display: inline-block;
  margin-right: 12px; /* spacing between logos */
}

.footer-logo {
  max-height: 40px;
  height: auto;
  width: auto;
}

/* reduce space between  */
#field_6_11 {
  margin-top: -25px;
}

.footer .inner-container .foot-block .foot-label {
  font-family: "gartonboldpro" !important;
}

.default-btn .btn-text {
  font-family: "gartonboldpro" !important;
  font-weight: 500 !important;
  /* font-size: 16px; */
}

/* reduce form border visibility */
.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container optgroup,
.gform_wrapper .ginput_container textarea {
  border: 0.5px solid #ffbcbc !important;
}

/* update submit button form text */

#gform_submit_button_6 {
  font-family: "gartonboldpro" !important;
  font-weight: 500 !important;
  font-size: 14px;
}

/* footer section CSS start */
.custom-d-footer {
  background-color: #fff7e3;
  padding: 70px 0;
  font-family: Arial, sans-serif;
  border-top: 1px solid #e0ddd8;
}

.custom-d-footer-container {
  /* max-width: 1200px; */
  margin: 0 auto;
  /* padding: 0 20px; */
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.custom-d-left-section {
  flex: 0 0 auto;
  margin-right: 0px;
}

.custom-d-right-sections {
  display: flex;
  gap: 20px;
  flex: 1;
}

.custom-d-footer-section {
  /* flex: 1; */
  flex: 0.5;
}

/* .custom-d-footer-section h3 {
            color: #8b7355;
            font-size: 14px;
            font-weight: normal;
            margin: 0 0 15px 0;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        } */

.custom-d-footer-section h3 {
  font-family: "gartonboldpro" !important;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 15px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.footer-contact-us {
  font-family: "gartonboldpro" !important;
  color: #000000;
  /* font-size: 16px !important; */
  font-weight: normal;
  margin: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.custom-d-logos {
  display: flex;
  align-items: center;
  gap: 35px;
  margin-bottom: 20px;
}

/* Make logos stack vertically on smaller screens */
@media (max-width: 1439px) {
  .custom-d-logos {
    flex-direction: row;
    gap: 20px;
    align-items: center; /* optional: aligns them to the left */
  }

  .custom-d-logo {
    width: 150px !important;
    height: fit-content !important;
  }
}

@media (max-width: 424px) {
  .custom-d-logos {
    gap: 20px;
  }
  .custom-d-logo {
    width: 130px !important;
    height: 30px !important;
  }
}

.custom-d-logo {
  /* height: 40px; */
  /* height: 25px; */
  height: 35px;
}

.custom-d-yourland-logo {
  background-color: #ff6b35;
  color: white;
  padding: 8px 12px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 3px;
}

.custom-d-ntt-logo {
  background-color: #2c5aa0;
  color: white;
  padding: 8px 12px;
  font-size: 12px;
  border-radius: 3px;
}

.custom-d-footer-text {
  /* font-family: "garton" !important; */
  /* font-family: "gartonboldpro" !important; */
  font-family: "garton-regular-pro" !important;
  color: #000000;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  /* white-space: nowrap;  */
  /* word-break: break-word;        
            overflow-wrap: break-word; */
}

.custom-d-footer-link {
  /* font-family: "gartonboldpro" !important; */
  font-family: "garton-regular-pro" !important;
  color: #000000;
  font-size: 14px;
}

.custom-d-footer-link:hover {
  text-decoration: underline;
}

.custom-d-address {
  margin-bottom: 8px;
}

.custom-d-hours {
  margin-bottom: 15px;
}

.custom-d-contact-info {
  margin-bottom: 8px;
}

.custom-d-right-section {
  text-align: left;
  flex-shrink: 0;
}

.custom-d-copyright {
  margin-bottom: 5px;
}

.custom-d-links {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

@media (max-width: 992px) {
  .custom-d-footer-container {
    flex-direction: column;
    gap: 30px;
  }

  .custom-d-left-section {
    margin-right: 0;
  }

  .custom-d-right-sections {
    flex-direction: column;
    /* gap: 30px; */
    gap: 10px;
  }

  .custom-d-right-section {
    text-align: left;
  }

  .att-inner-hero-tag {
    position: absolute;
    transform: translateY(-10%);
    bottom: 10px !important;
    padding: 0 0px;
    color: white;
    font-family: "garton-regular-pro";
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .custom-d-logos {
    margin-bottom: 0;
  }
}
/* Footer section css end */

/* update header phone icon  */
.c-phone-icon {
  width: 25px;
  /* margin-bottom: 5px; */
}

.phone-icon-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn-text {
  font-family: "gartonboldpro" !important;
  font-size: 14px !important;
}

.footer-widget-register-interest .heading-block .heading-h2 {
  margin-bottom: 20px !important;
}

.btn-default-banner .btn-text {
  height: auto !important;
}

.default-btn .btn-text {
  height: auto !important;
}

.connect-menu {
  display: none;
}

/* improve footer responsiveness */
@media (max-width: 400px) {
  .custom-d-footer-text {
    font-size: 13px;
  }
}

@media (max-width: 400px) {
  .custom-d-footer-link {
    font-size: 13px;
  }
}

@media (max-width: 400px) {
  .custom-d-footer-section h3 {
    font-size: 13px;
  }
}

/* update header  */
.site-header .nav-wrap {
  background: #ef3340 !important;
}

.site-header .nav-wrap .main-logo {
  padding-top: 15px !important;
}

.site-header .nav-wrap {
  height: 70px !important;
}

.site-header.fixed .nav-wrap .main-nav .hamburger {
  top: 15px !important;
}

@media screen and (max-width: 768px) {
  .site-header .nav-wrap {
    height: 70px !important;
  }
}

.site-header .nav-wrap .main-nav .hamburger {
  position: absolute;
  left: 55px;
  top: 15px !important;
}

.site-header .nav-wrap .main-nav .register-now-btn {
  position: absolute;
  top: 17px !important;
}

@media screen and (max-width: 768px) {
  .site-header .nav-wrap .main-logo {
    padding-top: 20px !important;
  }
}

.owl-carousel.owl-loaded {
  padding-top: 70px;
}

/* wed 16 css updates */
/* .advanced-slider-widget .item .header-slider-image {
    aspect-ratio: 2 / 1;
    object-fit: contain;
    width: 100%;
    height: auto;
    display: block;
} */

.elementor-551
  .elementor-element.elementor-element-f6d61c1.elementor-column.elementor-element[data-element_type="column"]
  > .elementor-widget-wrap.elementor-element-populated {
  align-content: center !important;
}

.elementor-551
  .elementor-element.elementor-element-d0b7c07.elementor-column.elementor-element[data-element_type="column"]
  > .elementor-widget-wrap.elementor-element-populated {
  align-content: space-between !important;
}

.owl-carousel.owl-loaded {
  padding-top: 0px !important;
}

.elementor-551
  .elementor-element.elementor-element-f6d61c1.elementor-column.elementor-element[data-element_type="column"]
  > .elementor-widget-wrap.elementor-element-populated {
  align-content: space-between !important;
}

.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container optgroup,
.gform_wrapper .ginput_container textarea {
  border-radius: 2px !important;
}

/* frontend updates */
.elementor-1949
  .elementor-element.elementor-element-74d7351
  .elementor-heading-title {
  font-size: 60px;
}

.default-btn .btn-text {
  font-size: 16px;
}

/* increase Masterplan page paragraph text size */
.two-column-widget-masterplan .text-block .para-wrap {
  font-size: 20px !important;
}

/* fix header phone icon height issue */
.c-phone-icon {
  width: 25px;
  height: 25px !important;
}

.elementor-1949 .elementor-element.elementor-element-ec3826f {
  padding: 50px 0 !important;
}

/* update footer fonts family */
.custom-d-footer-text p {
  font-family: "garton-regular-pro" !important;
  color: #000;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

.custom-d-footer-text strong {
  font-family: "gartonboldpro" !important;
  color: #000;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* footer logo svg size change */
.custom-d-logos img[src$=".svg"] {
  width: 190px;
  height: auto;
}

.top-menu {
  display: none;
}

/* Yourland Sticky Bar Styles */
.yourland-sticky-bar {
  width: 100%;
  height: 60px;
  background-color: #ffffff;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1001;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.yourland-container {
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 60px;
}

.yourland-logo {
  height: 20.79px;
  width: auto;
}

.phone-section {
  display: flex;
  align-items: center;
  gap: 10px;
}

.phone-icon {
  width: 26px;
  height: 26px;
}

.phone-number {
  color: #000000;
  font-family: "OldschoolGrotesk_W";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  text-decoration: none !important;
  margin-top: 3px;
}

a.phone-number :hover {
  color: #000 !important;
}

body.theme-Green .top-header {
  background-color: #38954a;
}
body.theme-Blue .top-header {
  background-color: #2b37ff;
}

body.theme-Yellow .top-header {
  background-color: #ff9500;
}

body.theme-Green .enquire-btn {
  color: #38954a;
}

body.theme-Blue .enquire-btn {
  color: #2b37ff;
}

body.theme-Blue .enquire-btn:hover {
  color: #2b37ff;
}

body.theme-Yellow .enquire-btn {
  color: #ff9500;
}

.header-container {
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 60px;
}

/* Logo Section */
.logo-section {
  display: flex;
  align-items: center;
}

.acclaim-logo {
  height: 37px;
  width: auto;
  /* SVG is already white, no filter needed */
}

/* Navigation Section */
.navigation {
  display: flex;
  align-items: center;
  gap: calc(5.2vw + 0px); /* Responsive gap for screens below 1920px */
}

/* Maintain exact 100px gap for 1920px and above */
@media (min-width: 1920px) {
  .navigation {
    gap: 100px; /* Fixed 100px gap for large screens */
  }
}

.nav-link-item {
  color: #ffffff;
  text-decoration: none;
  font-family: "OldschoolGrotesk_W";
  font-weight: 400;
  font-size: 24px;
  line-height: 1.36;
  text-align: center;
  transition: opacity 0.3s ease;
}

.nav-link-item:hover {
  color: #ffffff !important;
  opacity: 0.8 !important;
  text-decoration: underline;
}

.nav-link-item.active {
  opacity: 1 !important;
  font-weight: 500;
}

/* Right Section */
.header-right {
  display: flex;
  align-items: center;
  gap: 15px;
}

.enquire-btn {
  background-color: #ffffff;
  color: #ba062e;
  border: none;
  border-radius: 25px;
  padding: 10px 25px;
  font-family: "gartonboldpro" !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.22;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 40px;
  min-width: 169px;
}

.enquire-btn:hover {
  background-color: #f8f8f8;
  transform: translateY(-1px);
}

/* Mobile Menu Toggle Button */
.mobile-menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}

.menu-icon {
  width: 39px;
  height: 31px;
}

/* Mobile Menu Overlay */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 400px;
  height: 100vh;
  background-color: #fff7e3;
  z-index: 2000;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}

.mobile-menu-overlay.active {
  transform: translateX(0);
}

.mobile-menu-content {
  padding: 40px 20px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Mobile Menu Header */
.mobile-menu-header {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 40px;
}

.mobile-menu-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0px;
}

/* Mobile Navigation */
.mobile-navigation {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 265px;
  margin: 0;
  margin-bottom: auto;
}

.mobile-nav-link {
  color: #ba062e;
  text-decoration: none;
  font-family: "OldschoolGrotesk_W";
  font-weight: 400;
  font-size: 22px;
  line-height: 1.36;
  text-align: left;
  transition: opacity 0.3s ease;
  position: relative;
}

.mobile-nav-link:hover {
  opacity: 0.8;
}

.mobile-nav-link.active {
  opacity: 1;
  font-weight: 500;
}

body.theme-Green .nav-link-item.active {
  color: #38b14a !important;
  font-weight: 600;
}

body.theme-Red .nav-link-item.active {
  color: #ba062e !important;
  font-weight: 600;
}

body.theme-Yellow .nav-link-item.active {
  color: #ffc94a !important;
  font-weight: 600;
}

body.theme-Blue .nav-link-item.active {
  color: #2b81ff !important;
  font-weight: 600;
}

/* Mobile Search */
.mobile-search-container {
  margin-top: auto;
  padding-bottom: 40px;
}

.mobile-search-bar {
  position: relative;
  max-width: 386px;
  margin: 0 auto;
}

.mobile-search-input {
  width: 100%;
  padding: 10px 15px;
  background-color: #ba062e;
  border: none;
  border-radius: 67px;
  color: #fff7e3;
  font-family: "OldschoolGrotesk_W";
  font-weight: 400;
  font-size: 21px;
  line-height: 1.36;
  outline: none;
}

.mobile-search-input::placeholder {
  color: #fff7e3;
}

.mobile-search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

/* Main content area */
main {
  margin-top: 120px; /* Account for both Yourland sticky bar (60px) and main header (60px) */
  padding: 2rem;
}

.content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.content h1 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: #2c3e50;
}

.content p {
  font-size: 1.1rem;
  color: #666;
  max-width: 600px;
}

/* Responsive design */
@media (max-width: 1200px) {
  .yourland-container {
    padding: 0 30px;
  }

  .header-container {
    padding: 0 30px;
  }

  .navigation {
    gap: calc(1.7vw + 0px); /* Fine-tuned for medium screens */
  }

  .nav-link {
    font-size: 20px;
  }
}

/* Tablet specific styles (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .nav-link {
    font-size: 18px; /* Reduced font size for tablets */
  }

  .enquire-btn {
    display: none !important; /* Hide ENQUIRE NOW button on tablets */
  }

  .mobile-menu-toggle {
    display: block !important; /* Hide hamburger menu on tablets */
  }

  .header-right {
    gap: 0; /* Remove gap since enquire button is hidden */
  }
  .navigation {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .yourland-container {
    padding: 0 20px;
  }

  .yourland-logo {
    height: 16px;
  }

  .phone-number {
    font-size: 14px;
  }

  .phone-icon {
    width: 22px;
    height: 22px;
  }

  .header-container {
    padding: 0 20px;
  }

  /* Hide desktop navigation on mobile */
  .navigation {
    display: none;
  }

  /* Hide ENQUIRE NOW button on mobile/tablet */
  .enquire-btn {
    display: none;
  }

  /* Show mobile menu toggle */
  .mobile-menu-toggle {
    display: block;
  }

  /* Remove gap on mobile since enquire button is hidden */
  .header-right {
    gap: 0;
  }

  .content {
    padding: 1rem;
  }

  .content h1 {
    font-size: 2rem;
  }

  .content p {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .yourland-container {
    padding: 0 15px;
  }

  .yourland-logo {
    height: 14px;
  }

  .phone-number {
    font-size: 12px;
  }

  .phone-icon {
    width: 20px;
    height: 20px;
  }

  .phone-section {
    gap: 10px;
  }

  .header-container {
    padding: 0 15px;
  }

  .acclaim-logo {
    height: 30px;
  }

  .navigation {
    gap: calc(1.5vw + 3px); /* Responsive gap for very small screens */
  }

  .nav-link {
    font-size: 16px;
  }

  .enquire-btn {
    min-width: 120px;
    font-size: 12px;
    padding: 6px 15px;
  }

  .content h1 {
    font-size: 1.5rem;
  }

  .content p {
    font-size: 0.9rem;
  }

  .news-carousel-widget {
    height: 650px !important;
  }
}

.news-carousel-widget .news-post .text-wrap .heading-h3 {
  min-height: 55px !important;
  color: #fff !important;
}

.news-carousel-widget .news-post .text-wrap p {
  color: #fff !important;
}

.news-carousel-widget .btn-type-2 {
  background-color: #fff !important;
  color: #600024 !important;
}

.news-carousel-widget .news-post .text-wrap .att-desc {
  min-height: 100px !important;
}

.news-carousel-widget .btn-type-2 {
  height: 40px !important;
}

.news-carousel-widget .news-post .news-img img {
  aspect-ratio: 1/1 !important;
  height: auto !important;
}

.news-carousel-widget .news-post .news-img {
  height: auto !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title {
  border-left: none !important;
  border-right: none !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-icon {
  text-align: right;
  float: right;
  margin-left: auto;
}

.elementor-widget-n-accordion .e-n-accordion-item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.elementor-widget-n-accordion .e-child {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

/* .elementor-widget-container {
    font-family: 'OldschoolGrotesk_W' !important;
    color: #fff;
} */

.news-carousel-widget .carousel-controls .carousel-prev,
.news-carousel-widget .carousel-controls .carousel-next {
  background-color: transparent !important;
}

.mobile-register-interest-new {
  display: none;
}

@media screen and (max-width: 768px) {
  .mobile-register-interest-new {
    position: fixed;
    display: block;
    z-index: 9;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }

  .mobile-register-interest-new .btn-default-banner {
    width: 200px !important;
  }
  .btn-outline-green .btn-text {
    font-size: 12px !important;
  }
}

.btn-outline-green {
  display: inline-block;
  padding: 10px 24px;
  border: 1px solid #008041 !important; /* green outline */
  color: #008041 !important;
  background-color: transparent;
  border-radius: 50px;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 0%;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  height: 40px !important;
}

.btn-outline-green:hover,
.btn-outline-green.active,
.btn-outline-green.selected {
  background-color: #008041;
  color: #ffffff !important;
}

/* READ MORE GREEN BUTTON STYLING */
.btn-read-more-green {
  display: inline-flex;
  background: #008041; /* Using green color from variables */
  border-radius: 100px;
  height: 35px;
  font-family: "gartonboldpro";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border: none;
  cursor: pointer;
}

.btn-read-more-green .btn-text {
  position: relative;
  z-index: 2;
  height: auto;
  font-family: "gartonboldpro";
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

.btn-read-more-green:before {
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background-image: url("assets/img/btn-hover-type-green.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.btn-read-more-green:hover {
  color: #ffffff;
}

.btn-read-more-green:hover:before {
  left: 0;
  opacity: 1;
}

/* READ MORE RED TEXT BUTTON STYLING */
.btn-read-more-red-text {
  display: inline-flex;
  background: #ffffff; /* White background */
  border-radius: 100px;
  height: 35px;
  font-family: "gartonboldpro";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #600024; /* Dark red text color */
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border: none;
  cursor: pointer;
}

.btn-read-more-red-text .btn-text {
  position: relative;
  z-index: 2;
  height: auto;
  font-family: "gartonboldpro";
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #600024; /* Dark red text color */
}

.btn-read-more-red-text:before {
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background-image: url("assets/img/btn-hover-type-1.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.btn-read-more-red-text:hover {
  color: #ba062e; /* Keep dark red text on hover */
}

.btn-read-more-red-text:hover:before {
  left: 0;
  opacity: 1;
}

/* READ MORE GREEN TEXT BUTTON STYLING */
.btn-read-more-green-text {
  display: inline-flex;
  background: #ffffff; /* White background */
  border-radius: 100px;
  height: 35px;
  font-family: "gartonboldpro";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #008041; /* Green text color */
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border: none;
  cursor: pointer;
}

.btn-read-more-green-text .btn-text {
  position: relative;
  z-index: 2;
  height: auto;
  font-family: "gartonboldpro";
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #008041; /* Green text color */
}

.btn-read-more-green-text:before {
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background-image: url("assets/img/light-green-hover.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.btn-read-more-green-text:hover {
  color: #008041; /* Keep green text on hover */
}

.btn-read-more-green-text:hover:before {
  left: 0;
  opacity: 1;
}

/* READ MORE BLUE TEXT BUTTON STYLING */
.btn-read-more-blue-text {
  display: inline-flex;
  background: #ffffff; /* White background */
  border-radius: 100px;
  height: 35px;
  font-family: "gartonboldpro";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #2b37ff; /* Blue text color */
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border: none;
  cursor: pointer;
}

.btn-read-more-blue-text .btn-text {
  position: relative;
  z-index: 2;
  height: auto;
  font-family: "gartonboldpro";
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #2b37ff; /* Blue text color */
}

.btn-read-more-blue-text:before {
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background-image: url("assets/img/btn-hover-blue-light.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.btn-read-more-blue-text:hover {
  color: #2b37ff; /* Keep blue text on hover */
}

.btn-read-more-blue-text:hover:before {
  left: 0;
  opacity: 1;
}

/* READ MORE YELLOW TEXT BUTTON STYLING */
.btn-read-more-yellow-text {
  display: inline-flex;
  background: #ffffff; /* White background */
  border-radius: 100px;
  height: 35px;
  font-family: "gartonboldpro";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #ff9500; /* Yellow text color */
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border: none;
  cursor: pointer;
}

.btn-read-more-yellow-text .btn-text {
  position: relative;
  z-index: 2;
  height: auto;
  font-family: "gartonboldpro";
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #ff9500; /* Yellow text color */
}

.btn-read-more-yellow-text:before {
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background-image: url("assets/img/btn-hover-type-yellow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.btn-read-more-yellow-text:hover {
  color: #ff9500; /* Keep yellow text on hover */
}

.btn-read-more-yellow-text:hover:before {
  left: 0;
  opacity: 1;
}

/* SUBMIT RED TEXT BUTTON STYLING */
.btn-submit-red-text {
  display: inline-flex;
  background: #ffffff; /* White background */
  border-radius: 100px;
  height: 35px;
  font-family: "gartonboldpro";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #ba062e; /* Red text color */
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border: none;
  cursor: pointer;
}

.btn-submit-red-text .btn-text {
  position: relative;
  z-index: 2;
  height: auto;
  font-family: "gartonboldpro";
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #ba062e; /* Red text color */
}

.btn-submit-red-text:before {
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background-image: url("assets/img/btn-submit-hover-red.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.btn-submit-red-text:hover {
  color: #ba062e; /* Keep red text on hover */
}

.btn-submit-red-text:hover:before {
  left: 0;
  opacity: 1;
}

/* SOLID YELLOW BUTTON STYLING */
.btn-solid-yellow {
  display: inline-flex;
  background: #fff7e3; /* Light cream background */
  border: 1px solid #7c3400 !important; /* Dark brown border */
  border-radius: 100px;
  height: 35px;
  font-family: "gartonboldpro";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #7c3400; /* Dark brown text color */
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.btn-solid-yellow .btn-text {
  position: relative;
  z-index: 2;
  height: auto;
  font-family: "gartonboldpro";
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #7c3400 !important; /* Dark brown text color */
}

.btn-solid-yellow:before {
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background-color: #ff9500; /* Yellow background on hover */
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.btn-solid-yellow:hover {
  background-color: #ff9500; /* Yellow background on hover */
  color: #ffffff !important; /* White text on hover */
  border-color: #ff9500 !important; /* Yellow border on hover */
}

.btn-solid-yellow:hover .btn-text {
  color: #ffffff !important; /* White text on hover */
}

.btn-solid-yellow:hover:before {
  left: 0;
  opacity: 1;
}

.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container optgroup,
.gform_wrapper .ginput_container textarea {
  border: none !important;
}

.elementor-element-df52ace .two-column-widget-2,
.elementor-element-dd1c248 .two-column-widget-2 {
  padding-inline: 60px;
}

/* .elementor-element-df52ace .two-column-widget-2 .widget-row {
    gap: 95px;
} */

.elementor-element-dd1c248
  .two-column-widget-2.lay-sty-2
  .widget-row
  .widget-text
  .text-block {
  padding-right: 85px;
  padding-left: 0px;
}

.two-column-widget-2 .title-wrap p,
.two-column-widget-2 .title-wrap h3 {
  font-size: 30px;
  font-style: normal;
  line-height: 110%;
}

@media screen and (max-width: 1480px) {
  .two-column-widget-2 .title-wrap p,
  .two-column-widget-2 .title-wrap h3 {
    font-size: 26px !important;
  }

  .elementor-element-df52ace .two-column-widget-2 .widget-row {
    gap: 100px;
  }

  .two-column-widget-2.lay-sty-2 .widget-row .widget-text .text-block {
    padding-left: 0px !important;
  }

  .two-column-widget-2
    .widget-row
    .widget-text
    .text-block
    .gif-wrap.sm_image_left {
    width: 120px;
    height: fit-content;
    aspect-ratio: 16/9;
  }
}

@media screen and (max-width: 480px) {
  .two-column-widget-2 .title-wrap p,
  .two-column-widget-2 .title-wrap h3 {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 768px) {
  .location-two-col-2 .custom-img-con,
  .location-two-col-2 .text-column {
    padding-inline: 20px !important;
  }

  .two-column-widget-2 .title-wrap p,
  .two-column-widget-2 .title-wrap h3 {
    font-size: 22px;
  }

  .elementor-1486 .elementor-element.elementor-element-64e30f7 .elementor-heading-title {
    font-size: 26px !important;
  }

  .elementor-element-9931540 :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: 26px !important;
    /* max-width: 500px !important; */
  }

  /* .elementor-element-9931540 {
        padding-inline: 20px !important;
    } */
  .elementor-element-993154 .elementor-widget-container {
    margin: 0 !important;
  }
  .elementor-element-9fa2738 .two-column-widget-2 {
    padding-inline: 20px !important;
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }

  .elementor-element-df52ace .two-column-widget-2,
  .elementor-element-dd1c248 .two-column-widget-2 {
    padding-inline: 20px !important;
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }

  #enquire-btn {
    display: none !important;
  }
}

.elementor-element-9931540 :is(h1, h2, h3, h4, h5, h6, p) {
  color: #ff9500 !important;
  max-width: 1100px;
  margin: 0 auto;
  font-size: 45px;
}

/* Down arrow for hero slider */
.hero-slider-wrapper {
  position: relative;
}
.hero-scroll-down {
  position: absolute;
  left: 50%;
  bottom: 35px;
  transform: translateX(-50%);
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  z-index: 5;
}

.header-anim-image {
    bottom: 70px !important;
}

.hero-scroll-down img {
  display: block;
  width: 27px;
  height: auto;
  animation: bounce-arrow 2.5s ease-in-out infinite;
}
@media (max-width: 991.98px) {
  .hero-scroll-down {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .hero-scroll-down img {
    width: 20px;
  }
  .hero-scroll-down {
    bottom: 16px;
  }
  .header-anim-image {
    bottom: 50% !important;
}
}

/* Bouncing arrow animation */
@keyframes bounce-arrow {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.header-slider-inside-pages-widget .header-slider-image {
  height: calc(100vh - 120px) !important;
}

/* Dark overlay for inner pages header slider to improve text readability */
.header-slider-inside-pages-widget .item {
  position: relative;
}

.header-slider-inside-pages-widget .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 40%,
    rgba(0, 0, 0, 0.3) 70%,
    rgba(0, 0, 0, 0.6) 100%
  );
  z-index: 1;
  pointer-events: none;
}

.header-slider-inside-pages-widget .header-slider-image,
.header-slider-inside-pages-widget .header-slider-mobile-image {
  position: relative;
  z-index: 0;
}

.header-slider-inside-pages-widget .banner-text {
  position: relative;
  z-index: 2;
}

.header-slider-inside-pages-widget .att-inner-hero-tag {
  position: absolute;
  z-index: 3;
}

.elementor-element-9fa2738 .two-column-widget-2 {
  padding: 60px;
}

.elementor-element-9fa2738 .two-column-widget-2 .widget-row {
  gap: 50px;
}

.elementor-element-9fa2738
  .two-column-widget-2.lay-sty-2
  .widget-row
  .widget-text
  .text-block,
.elementor-element-9fa2738
  .two-column-widget-2.lay-sty-2
  .widget-row
  .widget-img
  .img-block
  .main-img {
  padding-left: 0px;
  height: fit-content !important;
}

@media screen and (min-width: 1440px) {
  .elementor-element-9fa2738 .two-column-widget-2 .title-wrap p,
  .elementor-element-9fa2738 .two-column-widget-2 .title-wrap h3 {
    font-size: 45px;
    font-style: normal;
    line-height: 100%;
  }
}

.elementor-widget:not(:last-child) {
  margin-block-end: 0px !important;
}

.elementor-element-a26fbe6 .two-column-widget-masterplan {
  padding-top: 0px;
  padding-bottom: 0px;
}

.left-col-masterplan {
  padding: 60px;
}

.two-column-widget-masterplan .text-block .btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 20px;
}

.two-column-widget-masterplan .text-block .btn-wrap a.btn-default-banner {
  flex: 1 1 calc(50% - 8px); /* two buttons per row with gap */
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  max-width: 250px;
}

/* Optional: spacing and alignment for smaller screens */
@media screen and (max-width: 768px) {
  .two-column-widget-masterplan .text-block .btn-wrap a.btn-default-banner {
    flex: 1 1 100%; /* stack buttons on mobile */
  }
}

/* Small gif-wrap image height for mobile screens */
@media screen and (max-width: 768px) {
  .two-column-widget-2
    .widget-row
    .widget-img
    .img-block
    .img-title-btn
    .gif-img-mob {
    width: 90px !important;
    height: fit-content !important;
  }
}

.two-column-widget-2
  .widget-row
  .widget-img
  .img-block
  .img-title-btn
  .gif-img-mob {
  position: relative !important;
  top: 0;
}

.two-column-widget-2
  .widget-row
  .widget-img
  .img-block
  .img-title-btn
  .gif-img-mob {
  display: none !important;
}

.two-column-widget-2.two-column-widget-2-right .widget-row {
  flex-direction: row-reverse !important;
}

.two-column-widget-2 .widget-row .widget-img .img-block .img-title-btn {
  align-items: flex-end;
}

.two-column-widget-2 .widget-row .widget-img .img-block .img-title-btn {
  align-items: flex-start;
}

.two-column-widget-2.lay-sty-2 .widget-row .widget-text {
  width: 50% !important;
}
.two-column-widget-2.lay-sty-2 .widget-row .widget-img {
  width: 50% !important;
}

.two-column-widget-2 .widget-row .widget-text .text-block .gif-wrap {
  display: block !important;
}

.two-column-widget-2 .widget-row {
  flex-direction: row-reverse !important;
}

.two-column-widget-2 .widget-row .widget-text {
  width: 50% !important;
}
.two-column-widget-2 .widget-row .widget-img {
  width: 50% !important;
}

/* Mobile Layout for Two Column Widget 2 */
@media screen and (max-width: 768px) {
  .two-column-widget-2 .widget-row {
    flex-direction: column-reverse !important;
  }
  .two-column-widget-2 .widget-row .widget-text {
    width: 50% !important;
  }
  .two-column-widget-2 .widget-row .widget-img {
    width: 50% !important;
  }
  .two-column-widget-2
    .widget-row
    .widget-img
    .img-block
    .img-title-btn
    .gif-img-mob {
    display: block !important;
  }
  .two-column-widget-2 .widget-row .widget-text .text-block .gif-wrap {
    display: none !important;
  }
  .two-column-widget-2.two-column-widget-2-right .widget-row {
    flex-direction: column-reverse !important;
  }
  .two-column-widget-2.lay-sty-2 .widget-row .widget-text {
    width: 100% !important;
  }
  .two-column-widget-2.lay-sty-2 .widget-row .widget-img {
    width: 100% !important;
  }
  /* Hide desktop layout on mobile */
  .two-column-widget-2 .desktop-layout {
    display: none !important;
  }

  /* Show mobile layout */
  .two-column-widget-2 .mobile-layout {
    display: block;
  }

  /* Mobile Main Image */
  .two-column-widget-2 .mobile-main-img {
    width: 100%;
    margin-bottom: 20px;
  }

  .two-column-widget-2 .mobile-main-img .main-img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Mobile Title */
  .two-column-widget-2 .mobile-title {
    margin-bottom: 15px;
  }

  .two-column-widget-2 .mobile-title .heading-h2 {
    font-size: 22px;
    line-height: 1.2;
    margin: 0;
  }

  /* Mobile Description */
  .two-column-widget-2 .mobile-description {
    margin-bottom: 20px;
  }

  .two-column-widget-2 .mobile-description .att-description {
    font-size: 16px;
    line-height: 1.5;
  }

  /* Mobile Button */
  .two-column-widget-2 .mobile-button {
    margin-bottom: 20px;
    text-align: center;
  }

  .two-column-widget-2 .mobile-button .default-btn {
    display: inline-block;
  }

  /* Mobile Small Image */
  .two-column-widget-2 .mobile-small-img {
    margin-bottom: 20px;
  }

  .two-column-widget-2 .mobile-small-img .small-img {
    width: 100px;
    height: fit-content;
    display: inline-block;
    aspect-ratio: 16/9;
  }

  .elementor-element-df52ace .two-column-widget-2 .mobile-small-img {
    text-align: right;
  }
}

/* Desktop Layout - Hide mobile layout on desktop */
@media screen and (min-width: 769px) {
  .two-column-widget-2 .mobile-layout {
    display: none !important;
  }

  .two-column-widget-2 .desktop-layout {
    display: block;
  }
}

/* Hide buttons on mobile for masterplan widget */
@media screen and (max-width: 768px) {
  .two-column-widget-masterplan .text-block .btn-wrap {
    display: none !important;
  }
}

/* Masterplan legend styles */
.two-column-widget-masterplan .legend-list {
  list-style: none;
  margin: 30px 0 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.two-column-widget-masterplan .text-block {
  padding-top: 100px;
  padding-bottom: 100px;
}

.two-column-widget-masterplan .legend-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "OldschoolGrotesk_W";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #7c3400 !important;
}

.two-column-widget-masterplan .legend-list .legend-icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex: 0 0 22px;
}

/* Legend icon mappings */
.two-column-widget-masterplan .legend-list .icon-playground {
  background-image: url("assets/img/legend-icons/playground-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-park {
  background-image: url("assets/img/legend-icons/park-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-nature-reserve {
  background-image: url("assets/img/legend-icons/nature-reserve-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-fitness-equipment {
  background-image: url("assets/img/legend-icons/fitness-equipment-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-waterways {
  background-image: url("assets/img/legend-icons/waterways-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-soccer-pitch {
  background-image: url("assets/img/legend-icons/soccer-pitch-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-kick-about-space {
  background-image: url("assets/img/legend-icons/kick-about-space-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-tennis-court {
  background-image: url("assets/img/legend-icons/tennis-court-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-community-garden {
  background-image: url("assets/img/legend-icons/community-garden-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-picnic-shelter {
  background-image: url("assets/img/legend-icons/picnic-shelter-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-sports-pavilion {
  background-image: url("assets/img/legend-icons/sports-pavilion-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-multipurpose-court {
  background-image: url("assets/img/legend-icons/multipurpose-court-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-bicycle-repair-station {
  background-image: url("assets/img/legend-icons/bicycle-repair-station-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-community-centre {
  background-image: url("assets/img/legend-icons/community-centre-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-p12-school {
  background-image: url("assets/img/legend-icons/p12-school-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-shopping-village {
  background-image: url("assets/img/legend-icons/shopping-village-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-acclaim-sales-office {
  background-image: url("assets/img/legend-icons/acclaim-sales-office-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-display-village {
  background-image: url("assets/img/legend-icons/display-village-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-traffic-lights {
  background-image: url("assets/img/legend-icons/traffic-lights-icon.png");
}
.two-column-widget-masterplan .legend-list .icon-shared-paths {
  background-image: url("assets/img/legend-icons/shared-paths-icon.png");
}

/* Slightly larger icons on larger screens */
@media screen and (min-width: 1440px) {
  .two-column-widget-masterplan .legend-list .legend-icon {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }
  .two-column-widget-masterplan .legend-list li {
    font-size: 14px;
  }

  .elementor-element-3b1886f h2 {
    font-size: 38px;
  }
}

/* Mobile off-canvas legend sidebar for Masterplan */
@media screen and (max-width: 1024px) {
  /* Container becomes relative to place the floating yellow bar */
  .two-column-widget-masterplan.att-full-section {
    position: relative;
    overflow: visible;
    margin-left: 0;
    padding-left: 0;
  }

  /* Stack columns but keep the legend panel fixed as sidebar */
  .two-column-widget-masterplan .row {
    position: relative;
  }

  /* Left text/legend column becomes a collapsible sidebar */
  .two-column-widget-masterplan .col-lg-3 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    /* Sidebar width when opened */
    width: 320px;
    max-width: 86vw;
    background: #ffbc35; /* warm yellow like design */
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
    transform: translateX(
      -250px
    ); /* completely hide sidebar, show only handle */
    transition: transform 0.3s ease;
    display: flex;
    align-items: stretch;
  }

  /* Inner content scroll */
  .two-column-widget-masterplan .col-lg-3 .text-block {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 20px 20px 80px 20px;
    width: 100%;
    /* Hide scrollbar */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }

  /* Hide scrollbar for WebKit browsers */
  .two-column-widget-masterplan .col-lg-3 .text-block::-webkit-scrollbar {
    display: none;
  }

  /* Slim handle bar always visible (simulate using ::before) */
  .two-column-widget-masterplan .col-lg-3::before {
    content: "";
    position: absolute;
    /* right: -50px; */
    top: 0;
    /* width: 50px; */
    height: 100%;
    background: #ffbc35;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.08);
    z-index: 1001;
  }

  /* Title spacing tuned for compact panel */
  .two-column-widget-masterplan .text-block .title-wrap h2 {
    margin: 0 0 12px 0;
    color: #7c3400 !important;
  }

  .two-column-widget-masterplan .text-block .para-wrap {
    font-size: 16px !important;
    color: #7c3400 !important;
  }

  /* Legend list inside sidebar */
  .two-column-widget-masterplan .legend-list {
    margin-top: 16px;
    row-gap: 10px;
  }

  .two-column-widget-masterplan .legend-list li {
    font-size: 14px;
    color: #7c3400 !important;
  }

  /* Map column occupies full width on mobile */
  .two-column-widget-masterplan .col-lg-9 {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
  }

  .two-column-widget-masterplan .img-block {
    position: relative;
    z-index: 0;
    padding-left: 0;
    height: 100% !important;
  }

  .two-column-widget-masterplan .img-block img,
  .two-column-widget-masterplan .img-block iframe,
  .two-column-widget-masterplan .img-block .map-container {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
  }

  /* When the widget has .is-open, slide the sidebar fully into view */
  .two-column-widget-masterplan.is-open .col-lg-3 {
    transform: translateX(0);
  }

  /* Provide a tap target arrow indicator */
  .two-column-widget-masterplan .col-lg-3 .text-block::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 20px;
    height: 25px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='25' viewBox='0 0 12 25' fill='none'><path d='M1 1L11 12.4894L1 23.9787' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateY(-50%);
    z-index: 1112;
    display: block !important;
    transition: all 0.3s ease;
  }

  /* Flip the arrow when opened */
  .two-column-widget-masterplan.is-open .col-lg-3 .text-block::after {
    transform: translateY(-50%) rotate(180deg);
  }

  /* Hide CTA buttons inside sidebar for compact view */
  .two-column-widget-masterplan .text-block .btn-wrap {
    display: none !important;
  }

  /* Hide title in mobile tab view */
  @media screen and (max-width: 1024px) {
    .two-column-widget-masterplan .text-block .title-wrap h2 {
      display: none !important;
    }
  }

  /* .news-carousel-widget {
        height: fit-content !important;
    } */
}

.elementor-element-5fc2e78 strong {
  font-family: "Oldschool Grotesk Bold";
  font-weight: bold;
}

.elementor-element-64e30f7
  .elementor-widget-container
  .elementor-heading-title {
  font-family: "OldschoolGrotesk_W";
}

.elementor-element-b02692b p {
  font-size: 18px;
}

.location-heading h1 {
    font-family: "OldschoolGrotesk_W-Medium" !important;
    font-size: 45px;
    font-weight: 500 !important;
}

@media (min-width: 1024px) {
  .elementor-element-dd1c248
    .two-column-widget-2.lay-sty-2
    .widget-row
    .widget-text
    .text-block,
  .elementor-element-dd1c248
    .two-column-widget-2.lay-sty-2
    .widget-row
    .widget-img
    .img-block
    .main-img {
    /* max-width: 1100px; */
    height: fit-content;
    aspect-ratio: 1135/796;
  }
  .elementor-element-df52ace
    .two-column-widget-2.lay-sty-2
    .widget-row
    .widget-text
    .text-block,
  .elementor-element-df52ace
    .two-column-widget-2.lay-sty-2
    .widget-row
    .widget-img
    .img-block
    .main-img {
    /* max-width: 1100px; */
    height: fit-content;
    aspect-ratio: 1119/628;
  }
  /* .location-two-col-2 .owl-carousel .owl-item img,
        .elementor-element-0e4518f .owl-carousel .owl-item img,
        .elementor-element-79b08d4 .owl-carousel .owl-item img,
        .elementor-element-8eb82d0 .owl-carousel .owl-item img,
        .location-two-col-1 .owl-carousel .owl-item img {

            max-height: 628px !important;
            aspect-ratio: 674/ 748 !important;
        } */
  .elementor-element-79b08d4 .owl-carousel .owl-item img {
    aspect-ratio: 1119/ 628 !important;
  }

  .location-two-col-1 .text-content p {
    padding-right: 180px;
  }

  .elementor-element-8eb82d0 .text-content p {
    padding-right: 180px;
  }

  /* .elementor-element-79b08d4 .text-content p {
            padding-right: 100px;
        } */
}

/* ===========================================
   NEWS DETAIL PAGE STYLES
   =========================================== */

/* Main container */
.news-detail-page {
  background-color: #fff7e3;
  min-height: 100vh;
}

/* Header Section */
.news-header-section {
  padding: 0px 0 60px;
  text-align: center;
}

.news-header-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 20px;
}

.news-category {
  font-family: "OldschoolGrotesk_W", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.36;
  color: #005400;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

.news-title {
  font-family: "OldschoolGrotesk_W-Medium" !important;
  font-weight: 500;
  font-size: 96px;
  line-height: 1.04;
  color: #005400;
  margin: 0 0 30px 0;
  text-align: center;
}

.news-subtitle {
  font-family: "OldschoolGrotesk_W-Medium" !important;
  font-weight: 500;
  font-size: 45px;
  line-height: 1.36;
  color: #008041;
  margin: 0 0 40px 0;
  text-align: center;
  max-width: 942px;
  margin-left: auto;
  margin-right: auto;
}

.news-date {
  font-family: "OldschoolGrotesk_W", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: #005400;
  margin: 0;
  text-align: center;
}

/* Main Content Section */
.news-main-content {
  padding: 60px 0 120px;
}

.news-content-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Image Column */
.news-image-column {
  flex: 0 0 60%;
  max-width: 60%;
}

.news-main-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Text Column */
.news-text-column {
  flex: 0 0 40%;
  max-width: 40%;
}

.news-text-content {
  padding-top: 0;
}

.news-body-text,
.news-wp-content {
  font-family: "OldschoolGrotesk_W", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: #033303;
  margin-bottom: 30px;
}

.news-body-text p,
.news-wp-content p {
  margin-bottom: 20px;
}

.news-body-text h1,
.news-body-text h2,
.news-body-text h3,
.news-body-text h4,
.news-body-text h5,
.news-body-text h6,
.news-wp-content h1,
.news-wp-content h2,
.news-wp-content h3,
.news-wp-content h4,
.news-wp-content h5,
.news-wp-content h6 {
  font-family: "OldschoolGrotesk_W", sans-serif;
  font-weight: 500;
  color: #005400;
  margin-bottom: 15px;
}

.news-body-text h1,
.news-wp-content h1 {
  font-size: 32px;
}

.news-body-text h2,
.news-wp-content h2 {
  font-size: 28px;
}

.news-body-text h3,
.news-wp-content h3 {
  font-size: 24px;
}

.news-body-text h4,
.news-wp-content h4 {
  font-size: 20px;
}

.news-body-text h5,
.news-wp-content h5 {
  font-size: 18px;
}

.news-body-text h6,
.news-wp-content h6 {
  font-size: 16px;
}

/* Call to Action Button */
.news-cta {
  margin-top: 40px;
}

.news-cta-button {
  display: inline-block;
  background-color: #008041;
  color: #ffffff;
  font-family: "Garton Pro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.22;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 25px;
  border-radius: 25px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
}

.news-cta-button:hover {
  background-color: #005400;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 128, 65, 0.3);
}

/* Responsive Design */
@media screen and (max-width: 1200px) {
  .news-content-wrapper {
    gap: 40px;
    padding: 0 30px;
  }

  .news-title {
    font-size: 72px;
  }

  .news-subtitle {
    font-size: 36px;
  }
}

@media screen and (max-width: 992px) {
  .news-header-section {
    padding: 0px 0 40px;
  }

  .news-title {
    font-size: 56px;
  }

  .news-subtitle {
    font-size: 28px;
  }

  .news-content-wrapper {
    flex-direction: column;
    gap: 40px;
  }

  .news-image-column,
  .news-text-column {
    flex: 1;
    max-width: 100%;
  }
  .footer-widget-register-interest {
    padding: 60px !important;
  }
}

@media screen and (max-width: 768px) {
  .news-header-section {
    padding: 0px 0 30px;
  }

  .news-header-content {
    padding: 0;
    padding-bottom: 20px !important;
  }

  .news-category {
    font-size: 16px !important;
    margin-bottom: 15px;
  }

  .news-title {
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    margin-bottom: 15px;
  }

  .news-subtitle {
    font-size: 22px;
    margin-bottom: 25px;
    text-align: left;
  }

  .news-date {
    font-size: 16px;
  }

  .news-main-content {
    padding: 40px 0 80px;
  }

  .news-content-wrapper {
    padding: 0 15px;
    gap: 30px;
  }

  .news-body-text,
  .news-wp-content {
    font-size: 15px;
    line-height: 1.6;
  }

  .news-cta-button {
    font-size: 14px;
    padding: 8px 20px;
  }

  .news-category {
    text-align: left !important;
  }

  .news-title {
    text-align: left !important;
  }

  .news-date {
    text-align: left !important;
  }

  .single-news-wrapper {
    padding-top: 30px !important;
  }
}

@media screen and (max-width: 576px) {
  .news-header-section {
    padding: 0px 0 20px;
  }

  .news-category {
    font-size: 20px;
  }

  .news-title {
    font-size: 32px;
    line-height: 1.1;
  }

  .news-subtitle {
    font-size: 18px;
    line-height: 1.3;
  }

  .news-main-content {
    padding: 30px 0 60px;
  }

  .news-content-wrapper {
    gap: 25px;
  }

  .news-body-text,
  .news-wp-content {
    font-size: 14px;
    line-height: 1.5;
  }

  .news-cta {
    margin-top: 30px;
  }

  .news-cta-button {
    font-size: 13px;
    padding: 7px 18px;
  }
}

/* Additional responsive adjustments for very small screens */
@media screen and (max-width: 480px) {
  .news-title {
    font-size: 28px;
  }

  .news-subtitle {
    font-size: 16px;
  }

  .news-category {
    font-size: 18px;
  }
}

/* Print styles */
@media print {
  .news-detail-page {
    background-color: white !important;
  }

  .news-cta-button {
    background-color: #333 !important;
    color: white !important;
  }
}

.news-para * {
  color: #033303 !important;
  font-family: "OldschoolGrotesk_Regular" !important;
}

/* GET DIRECTION BUTTON STYLING */
.elementor-blue-button .elementor-button {
  border: solid 0px transparent !important;
  background: #000098 !important;
  color: #ffffff !important;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
}

.elementor-blue-button .elementor-button-text {
  font-family: "gartonboldpro" !important;
  color: #ffffff !important;
  position: relative;
  z-index: 2;
}

.elementor-blue-button .elementor-button:before {
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background-image: url("assets/img/btn-hover-type-blue.svg");
  background-repeat: no-repeat;
  background-size: cover;
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.elementor-blue-button .elementor-button:hover {
  border: solid 0px transparent !important;
  background: #000098 !important;
  color: #ffffff !important;
}

.elementor-blue-button .elementor-button:hover:before {
  left: 0;
  opacity: 1;
}

/* SUBMIT RED TEXT BUTTON FOR ELEMENTOR */
.elementor-red-text-button .elementor-button {
  border: solid 0px transparent !important;
  background: #ffffff !important;
  color: #ba062e !important;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
}

.elementor-red-text-button .elementor-button-text {
  font-family: "gartonboldpro" !important;
  color: #ba062e !important;
  position: relative;
  z-index: 2;
}

.elementor-red-text-button .elementor-button:before {
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background-image: url("assets/img/btn-submit-hover-red.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.elementor-red-text-button .elementor-button:hover {
  border: solid 0px transparent !important;
  background: #ffffff !important;
  color: #ba062e !important;
}

.elementor-red-text-button .elementor-button:hover:before {
  left: 0;
  opacity: 1;
}

/* BLUE TEXT BUTTON FOR ELEMENTOR */
.elementor-blue-text-button .elementor-button {
  border: solid 0px transparent !important;
  background: #ffffff !important;
  color: #2b37ff !important;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
}

.elementor-blue-text-button .elementor-button-text {
  font-family: "gartonboldpro" !important;
  color: #2b37ff !important;
  position: relative;
  z-index: 2;
}

.elementor-blue-text-button .elementor-button:before {
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background-image: url("assets/img/btn-hover-blue-light.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.elementor-blue-text-button .elementor-button:hover {
  border: solid 0px transparent !important;
  background: #ffffff !important;
  color: #2b37ff !important;
}

.elementor-blue-text-button .elementor-button:hover:before {
  left: 0;
  opacity: 1;
}

.purchasers-widget .heading-h2,
.purchasers-widget .heading-h3 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

@media screen and (max-width: 768px) {
  .purchasers-widget .heading-h3 {
    font-size: 18px !important;
    margin-top: 15px !important;
    margin-bottom: 50px !important;
  }

  .purchasers-widget .heading-h2 {
    margin-bottom: 0px !important;
  }
}

.elementor-element-6ab073c h1 {
  font-size: 45px;
  font-family: "OldschoolGrotesk_W";
}

.elementor-element-ec3826f .elementor-widget-container h1 {
  max-width: 1320px;
  margin: 0 auto;
}

/* ===========================================
   ATTRACTOR DATA GRID (Elementor) STYLES
   Matches Figma "data grid" card layout
   =========================================== */

/* Define a custom CSS property '--num' that can be animated as an integer */
@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

/* Base style for number animation elements */
.number-animation {
  --num: 0;
  counter-reset: num var(--num);
}

/* Use the ::after pseudo-element to display the current value of the counter */
.number-animation::after {
  content: counter(num);
}

/* Animation classes for different target numbers */
.animate--1 {
  animation: counter--1 2s ease forwards;
}
.animate--2 {
  animation: counter--2 2s ease forwards;
}
.animate--3 {
  animation: counter--3 2s ease forwards;
}
.animate--4 {
  animation: counter--4 2s ease forwards;
}
.animate--5 {
  animation: counter--5 2s ease forwards;
}
.animate--6 {
  animation: counter--6 2s ease forwards;
}
.animate--7 {
  animation: counter--7 2s ease forwards;
}
.animate--8 {
  animation: counter--8 2s ease forwards;
}
.animate--9 {
  animation: counter--9 2s ease forwards;
}
.animate--10 {
  animation: counter--10 2s ease forwards;
}
.animate--15 {
  animation: counter--15 2s ease forwards;
}
.animate--16 {
  animation: counter--16 2s ease forwards;
}
.animate--20 {
  animation: counter--20 2s ease forwards;
}
.animate--25 {
  animation: counter--25 2s ease forwards;
}
.animate--30 {
  animation: counter--30 2s ease forwards;
}
.animate--35 {
  animation: counter--35 2s ease forwards;
}
.animate--40 {
  animation: counter--40 2s ease forwards;
}
.animate--45 {
  animation: counter--45 2s ease forwards;
}
.animate--50 {
  animation: counter--50 2s ease forwards;
}
.animate--60 {
  animation: counter--60 2s ease forwards;
}
.animate--70 {
  animation: counter--70 2s ease forwards;
}
.animate--80 {
  animation: counter--80 2s ease forwards;
}
.animate--90 {
  animation: counter--90 2s ease forwards;
}
.animate--100 {
  animation: counter--100 2s ease forwards;
}
.animate--150 {
  animation: counter--150 2s ease forwards;
}
.animate--200 {
  animation: counter--200 2s ease forwards;
}
.animate--250 {
  animation: counter--250 2s ease forwards;
}
.animate--300 {
  animation: counter--300 2s ease forwards;
}
.animate--500 {
  animation: counter--500 2s ease forwards;
}
.animate--1000 {
  animation: counter--1000 2s ease forwards;
}

/* Keyframe animations for different target numbers */
@keyframes counter--1 {
  from {
    --num: 0;
  }
  to {
    --num: 1;
  }
}
@keyframes counter--2 {
  from {
    --num: 0;
  }
  to {
    --num: 2;
  }
}
@keyframes counter--3 {
  from {
    --num: 0;
  }
  to {
    --num: 3;
  }
}
@keyframes counter--4 {
  from {
    --num: 0;
  }
  to {
    --num: 4;
  }
}
@keyframes counter--5 {
  from {
    --num: 0;
  }
  to {
    --num: 5;
  }
}
@keyframes counter--6 {
  from {
    --num: 0;
  }
  to {
    --num: 6;
  }
}
@keyframes counter--7 {
  from {
    --num: 0;
  }
  to {
    --num: 7;
  }
}
@keyframes counter--8 {
  from {
    --num: 0;
  }
  to {
    --num: 8;
  }
}
@keyframes counter--9 {
  from {
    --num: 0;
  }
  to {
    --num: 9;
  }
}
@keyframes counter--10 {
  from {
    --num: 0;
  }
  to {
    --num: 10;
  }
}
@keyframes counter--15 {
  from {
    --num: 0;
  }
  to {
    --num: 15;
  }
}
@keyframes counter--16 {
  from {
    --num: 0;
  }
  to {
    --num: 16;
  }
}
@keyframes counter--20 {
  from {
    --num: 0;
  }
  to {
    --num: 20;
  }
}
@keyframes counter--25 {
  from {
    --num: 0;
  }
  to {
    --num: 25;
  }
}
@keyframes counter--30 {
  from {
    --num: 0;
  }
  to {
    --num: 30;
  }
}
@keyframes counter--35 {
  from {
    --num: 0;
  }
  to {
    --num: 35;
  }
}
@keyframes counter--40 {
  from {
    --num: 0;
  }
  to {
    --num: 40;
  }
}
@keyframes counter--45 {
  from {
    --num: 0;
  }
  to {
    --num: 45;
  }
}
@keyframes counter--50 {
  from {
    --num: 0;
  }
  to {
    --num: 50;
  }
}
@keyframes counter--60 {
  from {
    --num: 0;
  }
  to {
    --num: 60;
  }
}
@keyframes counter--70 {
  from {
    --num: 0;
  }
  to {
    --num: 70;
  }
}
@keyframes counter--80 {
  from {
    --num: 0;
  }
  to {
    --num: 80;
  }
}
@keyframes counter--90 {
  from {
    --num: 0;
  }
  to {
    --num: 90;
  }
}
@keyframes counter--100 {
  from {
    --num: 0;
  }
  to {
    --num: 100;
  }
}
@keyframes counter--150 {
  from {
    --num: 0;
  }
  to {
    --num: 150;
  }
}
@keyframes counter--200 {
  from {
    --num: 0;
  }
  to {
    --num: 200;
  }
}
@keyframes counter--250 {
  from {
    --num: 0;
  }
  to {
    --num: 250;
  }
}
@keyframes counter--300 {
  from {
    --num: 0;
  }
  to {
    --num: 300;
  }
}
@keyframes counter--500 {
  from {
    --num: 0;
  }
  to {
    --num: 500;
  }
}
@keyframes counter--1000 {
  from {
    --num: 0;
  }
  to {
    --num: 1000;
  }
}
.att-data-grid {
  padding: 24px 24px 26px; /* slightly tighter card padding */
}

.att-data-grid-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 48px; /* reduced horizontal space */
  row-gap: 14px; /* tighter vertical rhythm */
}

.att-dg-item {
  display: flex;
  flex-direction: column;
}

/* Top line: big number + small unit on same baseline */
.att-dg-topline {
  display: flex;
  align-items: baseline;
  gap: 8px;
  line-height: 1;
  margin: 0 0 2px 0;
}

.att-dg-count {
  font-family: "OldschoolGrotesk_W", sans-serif;
  font-weight: 700;
  font-size: 50px; /* slightly smaller to reduce height */
}

.att-dg-unit {
  font-family: "OldschoolGrotesk_W", sans-serif;
  font-weight: 600;
  font-size: 24px; /* smaller than number */
}

.att-dg-subtitle {
  font-family: "OldschoolGrotesk_W", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
}

/* Optional image cell (e.g., bird) should align to bottom-right cell */
.att-dg-image {
  align-self: end;
}

.att-dg-img {
  display: block;
  max-width: 92px; /* sized like the bird in design */
  height: auto;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .att-dg-count {
    font-size: 44px;
  }
  .att-dg-unit {
    font-size: 22px;
  }
}

@media (max-width: 768px) {

  .row.news-para{
    padding-top: 20px;
  }

  .single-news-wrapper {
    max-width: 100% !important;
  }

  .att-data-grid {
    padding: 18px;
  }
  .att-data-grid-items {
    grid-template-columns: 1fr 1fr; /* stack items */
    column-gap: 30;
    row-gap: 12px;
  }
  .att-dg-count {
    font-size: 38px;
  }
  .att-dg-unit {
    font-size: 20px;
  }
  .att-dg-subtitle {
    font-size: 15px;
  }
  .att-dg-img {
    max-width: 80px;
  }
}

/* When an item contains only an image, align it to the left */
.att-dg-item.att-dg-image-only {
  align-items: flex-start;
}
.att-dg-item.att-dg-image-only .att-dg-image {
  align-self: start; /* override bottom-right alignment */
  justify-self: start;
  text-align: left;
  margin-left: 0;
}

.att-data-grid {
  padding: 24px 24px 26px; /* slightly tighter card padding */
}

.att-data-grid-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 48px; /* reduced horizontal space */
  row-gap: 14px; /* tighter vertical rhythm */
}

.att-dg-item {
  display: flex;
  flex-direction: column;
}

/* Top line: big number + small unit on same baseline */
.att-dg-topline {
  display: flex;
  align-items: baseline;
  gap: 8px;
  line-height: 1;
  margin: 0 0 2px 0;
}

.att-dg-count {
  font-family: "OldschoolGrotesk_W", sans-serif;
  font-weight: 700;
  font-size: 50px; /* slightly smaller to reduce height */
}

.att-dg-unit {
  font-family: "OldschoolGrotesk_W", sans-serif;
  font-weight: 600;
  font-size: 24px; /* smaller than number */
}

.att-dg-subtitle {
  font-family: "OldschoolGrotesk_W", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
}

/* Optional image cell (e.g., bird) should align to bottom-right cell */
.att-dg-image {
  align-self: end;
}

.att-dg-img {
  display: block;
  max-width: 92px; /* sized like the bird in design */
  height: auto;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .att-dg-count {
    font-size: 44px;
  }
  .att-dg-unit {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .att-data-grid {
    padding: 18px;
  }
  .att-data-grid-items {
    grid-template-columns: 1fr 1fr; /* stack items */
    column-gap: 40;
    row-gap: 12px;
  }
  .att-dg-count {
    font-size: 38px;
  }
  .att-dg-unit {
    font-size: 20px;
  }
  .att-dg-subtitle {
    font-size: 15px;
  }
  .att-dg-img {
    max-width: 80px !important;
  }

  .faq-section h2{
    font-size: 26px !important;
  }

  .e-n-accordion-item-title-text {
    font-size: 22px !important;
  }

}

/* When an item contains only an image, align it to the left */
.att-dg-item.att-dg-image-only {
  align-items: flex-start;
}
.att-dg-item.att-dg-image-only .att-dg-image {
  align-self: start; /* override bottom-right alignment */
  justify-self: start;
  text-align: left;
  margin-left: 0;
}

.purchasers-widget .purchaser-block .text-wrap p {
  min-height: 150px;
}

.elementor-element-0a45cba .purchasers-widget .heading-h2,
.elementor-element-0a45cba .purchasers-widget .heading-h3 {
  margin-top: 0px !important;
}

.elementor-element-ec3826f h2 {
  font-family: "OldschoolGrotesk_W-Medium" !important;
  margin: 0 auto;
  max-width: 1100px;
  font-size: 45px;
  font-weight: 500;
  line-height: 100% !important;
}

.masterplan-slider-text .att-description p{
    font-family: "OldschoolGrotesk_W-Medium" !important;
    font-weight: 500 !important;
    line-height: 100% !important;
}

.e-n-accordion-item-title-text {
    font-family: "OldschoolGrotesk_Regular" !important;
    font-weight: 400 !important;
}

p {
  font-family: "OldschoolGrotesk_Regular" !important;
  font-weight: 400 !important;
}


.elementor-widget-container p {
  line-height: 28px;
}

.elementor-element-092847f h2 {
  font-family: "OldschoolGrotesk_W" !important;
}

@media screen and (max-width: 1210px) {
  .nav-link-item {
    font-size: 22px;
  }
}

.social-icons-footer {
  display: flex;
  gap: 10px;
  align-items: end;
}

.social-icons-footer a:hover img {
  filter: invert(34%) sepia(98%) saturate(7469%) hue-rotate(348deg)
    brightness(93%) contrast(101%);
}

.footer-widget-register-interest .att-description {
  max-width: 820px;
  margin: 0 auto;
}

.custom-d-footer-text a {
  color: #000000;
}

.custom-d-footer-text a:hover {
  color: #ef3340;
}

/* Logo hover color change for SVG */
/* .custom-d-logos a:hover .custom-d-logo {
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(87%) contrast(97%);
} */

/* Alternative method using fill for SVG elements */
/* .custom-d-logos a:hover .custom-d-logo svg {
    fill: #ef3340;
} */

/* .custom-d-logos a:hover .custom-d-logo svg path {
    fill: #ef3340;
} */

.gform_wrapper.gravity-theme * {
  font-family: "OldschoolGrotesk_W" !important;
}

.elementor-element-3b1886f h2 {
  font-family: "OldschoolGrotesk_W" !important;
  font-size: 48px;
}

.elementor-element-ccdda2a .elementor-widget-heading .elementor-heading-title {
  font-family: "OldschoolGrotesk_W-Medium" !important;
  max-width: 1280px;
  margin: 0 auto;
  font-size: 45px;
  font-weight: 500 !important;
  padding-inline: 30px;
  line-height: 100% !important;
}

/*Bread crumb styles*/
.hero-slider-wrapper {
  position: relative;
}

.page-breadcrumb {
  position: fixed;
  top: 20px;
  left: 60px;
  z-index: 10;
  color: #fff;
  font-size: 14px;
  /* font-weight: 400; */
  letter-spacing: 1px;
  font-family: "garton-regular-pro" !important;
  margin-top: 120px;
}

.page-breadcrumb a {
  color: #fff;
  text-decoration: none;
}

.page-breadcrumb a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .page-breadcrumb {
    top: 10px;
    margin-top: 60;
    left: 15px;
    font-size: 12px;
  }
  .news-carousel-widget .carousel-controls {
    position: absolute;
    bottom: 3% !important;
    left: 90vw !important;
    transform: translateX(-50%);
  }

  .news-carousel-widget .owl-carousel .owl-item {
    margin-bottom: 100px !important;
  }

  .elementor-element-ccdda2a
    .elementor-widget-heading
    .elementor-heading-title {
    font-size: 26px !important;
  }

  .elementor-1352
    .elementor-element.elementor-element-80a2bcd
    > .elementor-widget-container {
    padding: 20px 20px !important;
  }

  .att-slide-overlay-text {
    left: 34px !important;
  }

  .location-two-col-1 .section-inner {
    flex-direction: column-reverse !important;
  }

  .elementor-element-79b08d4 .image-left,
  .elementor-element-8eb82d0 .image-left,
  .location-two-col-1 .image-left {
    flex-direction: column-reverse !important;
  }
  .elementor-element-0e4518f .image-right,
  .location-two-col-2 .image-right {
    flex-direction: column-reverse !important;
    padding: 30px 20px 30px 20px !important;
  }

  .elementor-element-cb56f04 {
    padding: 25px 20px !important;
  }

  .att-below-button-image-wrap {
    display: block !important;
  }

  .footer-widget-register-interest .heading-block .att-description {
    font-size: 20px !important;
  }

  .elementor-element-0e4518f .text-content {
    padding-right: 0px !important;
  }
  .location-two-col-2 .text-content {
    padding-right: 0px !important;
  }

  .location-two-col-2 .text-content h3,
  .location-two-col-2 .text-content p {
    font-size: 16px !important;
  }

  .elementor-element-0e4518f .text-content h3,
  .elementor-element-0e4518f .text-content p {
    font-size: 16px !important;
  }

  .location-two-col-1 .text-content h3,
  .location-two-col-1 .text-content p {
    font-size: 16px !important;
  }

  .elementor-element-8eb82d0 .text-content h3,
  .elementor-element-8eb82d0 .text-content p {
    font-size: 16px !important;
  }

  .elementor-element-79b08d4 .text-content h3,
  .elementor-element-79b08d4 .text-content p {
    font-size: 16px !important;
  }

  .elementor-element-ccdda2a
    .elementor-widget-heading
    .elementor-heading-title {
    padding-inline: 0px !important;
  }

  .elementor-element.elementor-element-d721b71.e-con-full.e-flex.e-con.e-child {
    padding: 0;
  }

  .elementor-element.elementor-element-9321d10.e-con-full.e-flex.e-con.e-child {
    padding: 0;
  }

  .elementor-element.elementor-element-cb56f04.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    gap: 0;
  }

  .elementor-element-79b08d4 .att-below-button-image-wrap.att-pos-left {
    justify-content: flex-start !important;
  }
  .location-two-col-2 .custom-img-con,
  .location-two-col-2 .text-column {
    padding-inline: 0px !important;
  }

  .two-column-widget-2 .att-title {
    bottom: 30px !important;
    width: 200px;
  }
  .two-column-widget-2 .mobile-title {
    position: absolute !important;
    z-index: 10 !important;
  }

  .att-inner-hero-tag {
    /* top: 90% !important; */
    /* padding: 0 13px !important; */
  }
  .elementor-element-ec3826f h2 {
    font-size: 26px;
  }

  .elementor-red-text-button .elementor-button {
    padding: 8px 10px !important;
  }

  .elementor-1949 .elementor-element.elementor-element-ec3826f {
    padding: 0px 0 !important;
  }
  .section-inner {
    gap: 30px !important;
  }

  .elementor-element-9fa2738 .two-column-widget-2 .mobile-layout {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  .footer-widget-register-interest {
    padding-top: 30px !important;
    padding-bottom: 0px !important;
    padding-inline: 20px !important;
  }

  .custom-d-footer-container {
    padding: 0 20px !important;
  }
  .custom-d-footer {
    padding: 50px 0 !important;
  }

  .footer-widget-register-interest .inner-wrap .form-block {
    margin-bottom: 30px !important;
  }

  .purchasers-widget .purchaser-block .text-wrap p {
    min-height: 0px !important;
  }

  .elementor-element-0a45cba .purchasers-widget {
    padding: 50px 20px !important;
  }

  .purchasers-widget .row {
    row-gap: 30px;
  }

  .mobile-register-interest .btn-default-banner {
    height: 50px !important;
  }

  .mobile-register-interest .btn-default-banner span {
    font-size: 18px !important;
  }
}
/*End Bread crumb styles*/

/* Dark overlay for text-with-advance-slider images */
.custom-img-con {
  position: relative;
  overflow: hidden;
}

.custom-img-con::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 40%,
    rgba(0, 0, 0, 0.2) 70%,
    rgba(0, 0, 0, 0.5) 100%
  );
  z-index: 1;
  pointer-events: none;
}

.custom-img-con .header-slider-image {
  position: relative;
  z-index: 0;
}

/* Ensure overlay text and buttons stay above the dark overlay */
.custom-img-con .att-slide-overlay-text {
  position: absolute !important;
  z-index: 10 !important;
}

.custom-img-con .att-button-padding {
  position: absolute !important;
  z-index: 10 !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title {
  border: none !important;
}

.e-n-accordion-item {
  border-top: 1px solid #fff;
}

.e-n-accordion-item {
  border-top: 1px solid #fff;
}

.e-n-accordion-item:last-child {
  border-bottom: 1px solid #fff;
}

@media (min-width: 768px) {
  .news-carousel-widget .carousel-controls {
    display: none !important;
  }
}

/* @media (max-width: 1500px) {
    .owl-carousel .owl-item img {
        height: 70vh !important;
    }
} */

@media (min-width: 1200px) and (max-width: 1500px) {


    .masterplan-center-text h2{
        /* font-size: 34px !important; */
        font-size: 48ox !important;
    }

  .elementor-element-70cc646 .inner-container {
    padding-left: 210px !important;
  }

  .elementor-element-70cc646 .text-content {
    padding-right: 0px;
  }

  .elementor-element-629eba8 .text-content {
    padding-right: 40px;
  }

  /* .att-below-button-image-wrap img {
    width: 120px !important;
  } */

  /* .elementor-element-1538023 .inner-container,
  .elementor-element-629eba8 .inner-container,
  .elementor-element-f0692ff .inner-container {
    padding-inline: 60px !important;
  } */

  .two-column-widget-masterplan .text-block {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }

  .two-column-widget-masterplan .legend-list {
    row-gap: 5px;
  }
}

.elementor-element-9931540 h2 {
  font-family: "OldschoolGrotesk_W-Medium" !important;
  font-weight: 500 !important;
}

.att-inner-hero-tag {
  position: absolute;
  transform: translateY(-10%);
  bottom: 10px;
  padding: 0 22px;
  color: white;
  font-family: "garton-regular-pro";
  font-size: 14px;
  text-transform: uppercase;
}

.footer-widget-register-interest {
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (min-width: 640px) {
  .footer-widget-register-interest {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

.elementor-element-006f87e {
  padding-top: 70px;
}

.location-two-col-1 .text-content {
  padding-right: 0px;
  padding-left: 90px;
}

.elementor-element-8eb82d0 .text-content {
  padding-right: 0px;
  padding-left: 90px;
}

.elementor-element-0e4518f .text-content {
  padding-right: 90px;
  padding-left: 0px;
}

.elementor-element-79b08d4 .text-content {
  padding-right: 0px;
  padding-left: 90px;
}

.location-two-col-2 .text-content {
  padding-right: 90px;
}

/* .elementor-element-9321d10 * {
  font-family: "OldschoolGrotesk_W" !important;
} */

.location-slider-text * {
  font-family: "OldschoolGrotesk_W-Medium" !important;
  line-height: 100% !important;
}

.location-slider-text h1 {
  font-size:  45px;
}



.elementor-element-743cf9b * {
  font-family: "OldschoolGrotesk_W" !important;
}

.elementor-element-876c04d * {
  font-family: "OldschoolGrotesk_W" !important;
}

.elementor-element-9931540 h2 {
  line-height: 100% !important;
}

.elementor-element-df52ace .two-column-widget-2 .widget-row {
  gap: 100px;
}

.e-n-accordion-item-title,
.e-n-accordion-item .e-con-full.e-flex.e-con.e-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media all and (max-width: 1024px) {
  .e-con {
    padding: 60px;
  }

  .elementor-element-79b08d4 .image-left,
  .elementor-element-8eb82d0 .image-left,
  .location-two-col-1 .image-left {
    gap: 30px;
    flex-direction: column-reverse !important;
  }
  .elementor-element-0e4518f .image-right,
  .location-two-col-2 .image-right {
    flex-direction: column-reverse !important;
    padding: 30px 20px 30px 20px !important;
    gap: 30px;
  }



}

/* Hide the FA icon */
.e-n-accordion-item-title-icon i {
  display: none;
}

/* Base icon box */
.e-n-accordion-item .e-n-accordion-item-title-icon::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor; /* controls the icon colour */
  -webkit-mask: url("./assets/img/chevron.svg") no-repeat center / contain;
  mask: url("./assets/img/chevron.svg") no-repeat center / contain;
  transition: all 0.2s ease-in-out;
}

/* Swap/rotate for open/closed states */
.e-n-accordion-item[open] .e-n-accordion-item-title-icon::before {
  transform: rotate(180deg);
}
.e-n-accordion-item[open="false"] .e-n-accordion-item-title-icon::before {
  transform: rotate(0deg);
}
/* Or use different SVGs per state by changing the mask URL per class */

.elementor-widget-container h4 {
  font-family: "OldschoolGrotesk_Regular" !important;
  font-size: 30px;
  line-height: 100%;
}

h4.elementor-heading-title {
  font-size: 24px;
}

h2.elementor-heading-title {
  font-size: 45px;
  font-family: "OldschoolGrotesk_W-Medium" !important;
  font-weight: 500 !important;
  max-width: 350px;
}

h1.elementor-heading-title {
  font-size: 45px;
  font-family: "OldschoolGrotesk_W-Medium" !important;
  font-weight: 500 !important;
}

.purchasers-widget h2.heading-h4 {
  font-family: "OldschoolGrotesk_Regular" !important;
  margin-bottom: 16px !important;
}

.purchasers-widget .purchaser-block .text-wrap p {
  font-family: "OldschoolGrotesk_Regular" !important;
  font-size: 16px !important;
}

/* Stop form section theme color change and only styles for header section */

/* Top Header Styles */
.top-header {
  width: 100%;
  height: 60px;
  background-color: #ef3340;
  position: sticky;
  top: 60px; /* Position below the Yourland sticky bar */
  left: 0;
  z-index: 1000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.theme-Green-header .top-header {
  background-color: #38954a;
}
body.theme-Blue-header .top-header {
  background-color: #2b37ff;
}

body.theme-Yellow-header .top-header {
  background-color: #ff9500;
}

body.theme-Green-header .enquire-btn {
  color: #38954a;
}

body.theme-Blue-header .enquire-btn {
  color: #2b37ff;
}

body.theme-Blue-header .enquire-btn:hover {
  color: #2b37ff;
}

body.theme-Yellow-header .enquire-btn {
  color: #ff9500;
}

.news-post .text-wrap .heading-h3 {
  min-height: 64px;
}

.two-column-widget-2 .att-title {
  font-family: "garton-regular-pro" !important;
  position: absolute;
  bottom: 25px;
  left: 15px !important;
  color: white !important;
  font-size: 14px !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 5;
  border-radius: 4px;
  position: absolute !important;
  z-index: 10 !important;
}

.elementor-element.elementor-element-fb915c1 .elementor-heading-title {
  font-family: "OldschoolGrotesk_Regular" !important;
}

.elementor-element.elementor-element-fb915c1 .elementor-heading-title {
  font-family: "OldschoolGrotesk_Regular" !important;
}

.purchasers-widget .heading-h3 {
  font-family: "OldschoolGrotesk_Light" !important;
  font-size: 30px;
  line-height: 120%;
}

.two-column-widget-2 .widget-row .widget-img .img-block .main-img {
  height: 100% !important;
}

.two-column-widget-2 .widget-row .widget-text .text-block {
  height: 100% !important;
  justify-content: space-between !important;
}

.two-column-widget-2 .widget-row .widget-img .img-block .img-title-btn {
  padding-top: 0px !important;
}

.elementor-element-0a45cba .purchasers-widget .purchaser-block {
  margin-bottom: 0px;
}

.elementor-element-0a45cba .purchasers-widget {
  padding: 95px 185px;
}

.single-news-wrapper {
  padding-top: 60px;
}

/* Home page hero slider - fix gap issue */
.hero-carousel .item {
  height: calc(100vh - 120px) !important;
}
.hero-carousel .item img,
.hero-carousel .item video {
  height: 100% !important;
  width: 100%;
  object-fit: cover;
}

.hero-slider-wrapper,
.inner-hero-carousel .owl-stage-outer,
.inner-hero-carousel .owl-stage,
.inner-hero-carousel .owl-item {
  height: 100%;
}

/* Mobile viewport fix for hero slider */
@media (max-width: 767.98px) {
  /* .hero-carousel .item img {
        height: calc(100vh - 40px) !important;
        max-height: calc(100vh - 40px) !important;
    } */

  .hero-carousel .item {
    height: calc(100vh - 40px) !important;
    max-height: calc(100vh - 40px) !important;
  }

  .hero-carousel .item video {
    height: calc(100vh - 40px) !important;
    max-height: calc(100vh - 40px) !important;
  }

  .two-column-widget-masterplan {
    padding: 20px 0px 0px 0px !important;
  }

  .footer-widget-register-interest .heading-block .heading-h2 {
    font-size: 26px !important;
  }
}

.header-slider-inside-pages-widget .item .banner-text .heading-h1 {
  font-family: "OldschoolGrotesk_W-Medium" !important;
}

.two-column-widget-masterplan {
  padding: 0 0 0 60px !important;
}

.footer-widget-register-interest .heading-block .heading-h2 {
  font-family: "OldschoolGrotesk_W-Medium" !important;
}

@media (max-width: 1024px){
  .location-slider-text h1{
    font-size: 32px;
  }
}

@media all and (max-width: 1024px) {
  .two-column-widget-masterplan {
    padding: 0 !important;
  }
}


@media (min-width: 1024px) and (max-width: 1500px) {
  .elementor-element-9321d10 h1 {
    /* font-size: 2rem; */
    font-size: 45px;
  }
  .masterplan-slider-text .att-description p{
 
    /* font-size: 36px !important; */
    font-size: 45px !important;
  }
}




@media (max-width: 1200px) and (min-width: 768px) {




  .elementor-widget-TwoColumn2:not(.masterplan-slider-text) 
    .two-column-widget-2 .title-wrap p,
.elementor-widget-TwoColumn2:not(.masterplan-slider-text) 
    .two-column-widget-2 .title-wrap h3 {
    font-size: 16px !important;
}
  
    /* .elementor-widget-TwoColumn2 .two-column-widget-2 .title-wrap p,
    .elementor-widget-TwoColumn2 .two-column-widget-2 .title-wrap h3 {
        font-size: 16px !important;
    } */

    .elementor-widget-TwoColumn2  .two-column-widget-2 .widget-row .widget-img .img-block .img-title-btn .heading-h2 {
        margin-bottom: 0px !important;
    }

     .elementor-widget-TwoColumn2 .two-column-widget-2 .widget-row .widget-img .img-block .main-img {
        aspect-ratio: 1135 / 796 !important; 
    }

    .masterplan-center-text h2{
        font-size: 34px !important;
    }

    .elementor-widget-TwoColumn2 .two-column-widget-2 .widget-row .widget-text .text-block {
        padding-bottom: 0px !important; 
    }

    .elementor-widget-TwoColumn2    .two-column-widget-2 .widget-row .widget-text .text-block .gif-wrap.sm_image_left {
        width: 85px !important;
    }

    .two-column-widget-2 {
        padding: 45px !important;

    }
    .purchasers-widget {
        padding: 40px 10px !important;
    }

}

.elementor-widget-TextWithVideo .custom-img-con::before  {
  background: none;
}


.grecaptcha-badge {
  visibility: hidden !important;
}

.construction-update-widget .news-post .text-wrap .heading-h3 {
  font-family: "OldschoolGrotesk_W-Medium" !important;
}