:root {
  /* Font Variables */
  --font-primary: 'Lato', sans-serif;
  --font-secondary: 'Cinzel', serif;
  --font-tertiary: 'Playfair Display', serif;
  
  /* Font Weights */
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --color1:#D0B775;
}

html, body {
  margin: 0;
  padding: 0;
  /* overflow: hidden; */
}

/* #smooth-wrapper {
  position: fixed;
  top: 0;
  left: 100px;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

#smooth-content {
  position: relative;
  will-change: transform;
} */


.mx_-40{
  margin-left: -40px;
  margin-right: -40px;
}

.mx_-150{
  margin-left: -150px;
  margin-right: -150px;
}

.mx_-100{
  margin-left: -100px;
  margin-right: -100px;
}

.mx_-80{
  margin-left: -80px;
  margin-right: -80px;
}

.px_40{
  padding-left: 40px;
  padding-right: 40px;    
}

.px_50{
  padding-left: 50px;
  padding-right: 50px;    
}

.px_60{
  padding-left: 60px;
  padding-right: 60px;    
}

.px_80{
  padding-left: 80px;
  padding-right: 80px;
}

.px_100{
  padding-left: 100px;
  padding-right: 100px;
}

.px_150{
  padding-left: 150px;
  padding-right: 150px;
}



.sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  background-color: #ffffff;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
  font-family: var(--font-primary);
}
.sidebar .sidebar-logo {
  width: 80px;
  height: auto;
}
.sidebar .center {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto 0;
  flex: 1;
  justify-content: center;
}
.sidebar .center .sidebar-e-logo {
  width: auto;
  height: auto;
  margin-bottom: 30px;
}
.sidebar .center .hamburger-menu {
  width: 42px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
.sidebar .center .hamburger-menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000000;
  border-radius: 3px;
  transition: all 0.3s ease;
}
.sidebar .center .hamburger-menu span:nth-child(1) {
  top: 0;
}
.sidebar .center .hamburger-menu span:nth-child(2) {
  top: 10px;
}
.sidebar .center .hamburger-menu span:nth-child(3) {
  top: 20px;
}
.sidebar .center .hamburger-menu.active span:nth-child(1) {
  transform: rotate(45deg);
  top: 8px;
}
.sidebar .center .hamburger-menu.active span:nth-child(2) {
  opacity: 0;
}
.sidebar .center .hamburger-menu.active span:nth-child(3) {
  transform: rotate(-45deg);
  top: 8px;
}
.sidebar .sidebar-text {
  margin-top: auto;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: rgba(0, 0, 0, 0.7);
  font-size: 26px;
  font-weight: var(--font-light);
  letter-spacing: 4px;
  font-family: var(--font-tertiary);
  text-transform: uppercase;
}

.sidebar .center .hamburger-menu span {
  background: #000000;
}
.sidebar-menu {
  position: fixed;
  left: -500px;
  top: 0;
  bottom: 0;
  width: 500px;
  background-color: #ffffff;
  z-index: 1000;
  transition: left 0.3s ease;
  padding: 20px;
  color: #000000;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
  font-family: var(--font-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 100px;
}
.sidebar-menu.active {
  left: 100px;
}
.sidebar-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.sidebar-menu li {
  margin: 35px 0;
}
.sidebar-menu a {
  font-family: var(--font-primary);
  font-weight: var(--font-regular);
  text-decoration: none;
  transition: color 0.3s ease;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}
.sidebar-menu a:hover {
  color: #666;
}

.sidebar-builder-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sidebar-builder-logo .header-divider{width: 1px;
  height: 40px;
  background-color: #00000040;
  margin: 0 10px;}

.sidebar-builder-logo img{height: 40px;}




.main-content {
  margin-left: 0;
  position: relative;
  padding-left: 100px;
}
.header {
position: absolute;
top: 0;
left: 100px;
background: transparent;
right: 0;
width: calc(100% - 100px);
z-index: 999; /* Increase z-index to ensure it stays on top */
overflow: hidden;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
/* Styles for when header is pinned by GSAP */
}
.header.gsap-header {
position: fixed;
top: 0;
background: #fff;
}
.header .row {
align-items: start;
}
.header ._logo {
display: flex;
align-items: center;
padding-left: 50px;
padding-top: 40px;
}
.header ._logo .header-logo {
height: 55px;
width: auto;
object-fit: contain;
}
.header ._logo .gvr_logo {
height: 50px;
}
.header ._logo .dark-logo {
display: none;
}
.header ._logo .header-divider {
width: 1px;
height: 30px;
background-color: white;
margin: 0 25px;
}
.header.gsap-header.pin-active {
background-color: rgba(255, 255, 255, 0.95) !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
height: auto !important;
}
.header.gsap-header.pin-active .row {
align-items: center;
}
.header.gsap-header.pin-active ._logo {
padding-top: 0;
/* .header-divider{
    background-color:#000;
} */
}
.header.gsap-header.pin-active ._logo .header-logo {
height: 30px;
}
.header .gsap-header.pin-active .header-divider {
background-color: #000 !important;
}
.header .header-buttons {
display: flex;
align-items: center;
position: relative;
}
.header .header-buttons::after {
content: "";
position: absolute;
width: 1px;
height: 40px;
background-color: black;
left: 200px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.header .header-buttons .btn-video,
.header .header-buttons .btn-brochure {
width: 200px;
padding: 25px 0;
background-color: white;
color: black;
border: none;
font-family: var(--font-primary);
font-weight: var(--font-semibold);
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: 0;
}
.header .header-buttons .btn-video:hover,
.header .header-buttons .btn-brochure:hover {
background-color: #f5f5f5;
}


.hero-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.hero-section .container-fluid {
  height: 100%;
}
.hero-section .row {
  height: 100%;
}
.hero-section .hero-left-col {
  height: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.hero-section .hero-left-col::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(53, 72, 72, 0.76) 14%, rgba(53, 72, 74, 0) 50%);
  z-index: 1;
}
.hero-section .hero-right-col {
  height: 100%;
  padding: 0;
  position: relative;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero-section .hero-left-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 0;
}
.hero-section .hero-flower {
  display: none;
}
.hero-section .hero-multi-flowers {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: -40px;
  width: 100%;
  height: auto;
  z-index: 3;
  opacity: 0.1 !important;
}
.hero-section .hero-content {
  position: relative;
  text-align: center;
  color: #000000;
  text-shadow: none;
  z-index: 2;
  margin: 0 50px;
}
.hero-section .hero-content .hero-title-image {
  width: 125px;
  height: auto;
  object-fit: contain;
  margin-bottom: 40px;
}
.hero-section .hero-content .tagline {
  font-size: 28px;
  font-weight: var(--font-semibold);
  color: #000000;
  text-shadow: none;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 12px;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.hero-section .hero-content .tagline:before {
  position: absolute;
  right: calc(100% + 25px);
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 40px;
  height: 3px;
  background-color: #a0b62f;
}
.hero-section .hero-content .tagline:after {
  position: absolute;
  left: calc(100% + 25px);
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 40px;
  height: 3px;
  background-color: #a0b62f;
}
.hero-section .hero-content .sub_tagline {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: var(--font-medium);
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 60px;
}
.hero-section .hero-content .hero-address {
  font-size: 22px;
  font-weight: var(--font-semibold);
  color: #000000;
  text-shadow: none;
}
.hero-section .hero-content .hero-description {
  font-family: var(--font-secondary);
  font-size: 24px;
  font-weight: var(--font-bold);
  letter-spacing: 2px;
  color: #000000;
  text-shadow: none;
  max-width: 800px;
  line-height: 1.4;
}
.hero-section .hero-content .hero-description .sizes {
  font-size: 26px;
  font-weight: var(--font-semibold);
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.hero-section .hero-content .hero-description .patch {
  display: inline-flex;
  align-items: center;
  background-color: #a0b62f;
  padding: 6px 8px;
  gap: 30px;
  padding-left: 20px;
  margin-bottom: 80px;
}
.patch-price {
    display: inline-flex;
    align-items: center;
    background-color: #a0b62f;
    padding: 12px 25px;
    margin-bottom: 40px;
}
.patch-price p {
  margin: 0;
  font-weight: var(--font-bold)!important;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 2px;
}
.hero-section .hero-content .hero-description .patch p {
  margin: 0;
  font-weight: var(--font-bold);
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 2px;
}
.hero-section .hero-content .hero-description .patch .save {
  background: #fff;
  padding: 6px 18px;
}
/*.hero-buttons {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 3;
  margin-top: 60px;
  bottom: 0;
  right: 0;
}*/
.hero-buttons {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 3;
    box-shadow: 0 -1px 10px rgba(0 0 0 / 10%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}
.hero-buttons.scrolled {
    opacity: 1;
    visibility: visible;
}

.hero-buttons .hero-btn {
    width: 250px;
    padding: 15px 0;
    color: white;
    border: none;
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: linear-gradient(135deg, #f2751f, #b02a3c);
    border-top: 1px solid rgba(255 255 255 / 40%);
    border-left: 1px solid rgba(255 255 255 / 40%);
    position: relative;
    text-align: center;
    text-decoration: none;
    border-top-left-radius: 6px;
}
.hero-section .hero-content .hero-btn {
    color: white;
    border: none;
    border-radius: 50px;
    font-weight: var(--font-semibold);
    background: linear-gradient(135deg, #f2751f, #b02a3c);
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
    font-size: 12px;
    letter-spacing: 1px;
    width: auto;
    padding: 14px 30px;
    border: 2px solid rgba(255 255 255 / 70%);
    margin-top: 50px;
    z-index:8;
}

.hero-buttons .hero-btn:hover {
  background-color: #f5f5f5;
}
.hero-buttons .hero-btn-divider {
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: black;
  left: 200px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.hero-section .hero-arrow {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  cursor: pointer;
  width: 70px;
  height: auto;
}

.overview-section {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.overview-section .overview-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  display: none;
}
.overview-section .overview-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #c1591a;
  z-index: -2;
}
.overview-section .overview-flower {
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 3;
  max-width: 150px;
  height: auto;
}
.overview-section .overview-content {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  text-align: center;
  color: white;
  visibility: hidden; /* For GSAP autoAlpha animation */
}
.overview-section .overview-content .overview-subtitle {
  color: rgba(255, 255, 255, 0.9019607843);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: var(--font-semibold);
  letter-spacing: 15px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.overview-section .overview-content .overview-title {
  font-family: var(--font-secondary);
  font-size: 28px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 60px;
  margin-top: 50px;
  color: white;
  max-width: 51%;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
}
.overview-section .overview-content .overview-description {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 30px;
  margin-bottom: 60px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.9019607843);
}
.overview-section .overview-content .overview-counters {
  display: flex;
  justify-content: space-around;
  gap: 30px;
  margin-top: 80px;
  flex-wrap: wrap;
}
.overview-section .overview-content .overview-counters .counter-item {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  visibility: hidden; /* For GSAP autoAlpha animation */
  flex: 1 1 150px;
  /* margin-bottom: 30px; */
}
.overview-section .overview-content .overview-counters .counter-item .counter {
  font-family: var(--font-primary);
  font-size: 50px;
  font-weight: var(--font-regular);
  margin-bottom: 10px;
  display: inline-block;
  line-height: initial;
}
.overview-section .overview-content .overview-counters .counter-item .counter.counter-with-plus::after {
  content: "+";
  display: inline;
}
.overview-section .overview-content .overview-counters .counter-item .counter-label {
  font-size: 16px;
  opacity: 0.9;
  text-transform: uppercase;
  letter-spacing: 3px;
}


.location-section .location-tabs {
    margin-bottom: 30px;
}
.location-section .location-tabs a.nav-link {
    color: #000;
}

.location-section .nav-tabs .nav-link.active {
    background-color: #bb3637;
    color: #fff;
    border-radius: unset;
    border: none;
}

.location-section li.nav-item {
    border: 1px solid #d2cbcb;
}
.location-section .location-tabs {
    margin-bottom: 30px;
    border-color: #cecece;
    gap: 0px 10px;
    border-radius: 10px;
}

@media(max-width:768px){
  .location-section .location-tabs {
    margin-bottom: 30px;
    border-color: #cecece;
    gap: 10px 10px;
    border-radius: 10px;
}
    .location-section .location-tabs {
        border: none !important;
    }

}




.header-logo {
  height: 60px;
  width: auto;
  object-fit: contain;
}

.header-divider {
  width: 1px;
  height: 30px;
  background-color: white;
  margin: 0 25px;
}

.hero-content h1 {
  font-family: var(--font-secondary);
  font-weight: var(--font-bold);
}

.hero-content p {
  font-family: var(--font-primary);
  font-weight: var(--font-light);
}

.hero-arrow {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  cursor: pointer;
  width: 50px;
  height: auto;
}

.hero-buttons {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.popup-logo{    width: 100px;display: block;margin: auto;padding-bottom: 30px;}

.hero-btn {
width: 200px;
padding: 25px 0;
background-color: white;
color: black;
border: none;
font-family: var(--font-primary);
font-weight: var(--font-semibold);
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
}

.hero-btn:hover {
  background-color: #f5f5f5;
}

.hero-btn-divider {
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: black;
  left: 200px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.counter-with-plus::after {
  content: '+';
  display: inline;
}

.counter-label {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  opacity: 0.9;
}

/* highlights section */
.highlights-section {
position: relative;
padding: 100px 0 150px;
overflow: hidden;
}
.highlights-section .highlights-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
display: none;
}
.highlights-section .highlights-flower {
position: absolute;
right: 0;
top: 50px;
z-index: 2;
max-width: 250px;
height: auto;
opacity: 0;
transition: opacity 1.5s ease;
will-change: opacity;
}
.highlights-section .highlights-subtitle {
color: rgba(0, 0, 0, 0.9019607843);
font-family: var(--font-primary);
font-size: 14px;
font-weight: var(--font-semibold);
letter-spacing: 15px;
text-transform: uppercase;
margin-bottom: 0;
text-align: center;
position: relative;
z-index: 2;
}
.highlights-section .highlights-title {
font-family: var(--font-secondary);
font-size: 28px;
letter-spacing: 5px;
text-transform: uppercase;
margin-top: 50px;
margin-bottom: 80px;
color: black;
text-align: center;
position: relative;
z-index: 2;
max-width: 40%;
line-height: 50px;
margin-left: auto;
margin-right: auto;
opacity: 0; /* Start hidden for animation */
transform: translateY(30px); /* Start position for animation */
will-change: transform, opacity; /* Performance optimization for animations */
}
.highlights-section .highlights-image {
width: 100%;
height: auto;
position: relative;
z-index: 2;
opacity: 0; /* Start hidden for animation */
transform: translateX(-50px); /* Start position for animation */
will-change: transform, opacity; /* Performance optimization for animations */
}
.highlights-section .highlights-table {
width: 100%;
position: relative;
z-index: 2;
border-collapse: separate;
border-spacing: 0;
}
.highlights-section .highlights-table tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
display: block;
opacity: 0; /* Start hidden for animation */
transform: translateX(50px); /* Start position for animation */
will-change: transform, opacity; /* Performance optimization for animations */
}
.highlights-section .highlights-table tr:last-child {
border-bottom: none;
}
.highlights-section .highlights-table .icon-cell {
padding: 10px 20px;
vertical-align: middle;
border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.highlights-section .highlights-table .icon-cell img {
width: 40px;
height: auto;
display: block;
margin: 0 auto;
}
.highlights-section .highlights-table .text-cell {
font-family: var(--font-primary);
font-size: 18px;
color: #000000;
padding: 10px 25px;
vertical-align: middle;
line-height: 1.5;
letter-spacing: 0.5px;
}
.highlights-section .multi_flowers {
z-index: 1;
position: relative;
position: absolute;
right: 0;
bottom: -116px;
opacity: 0.2;
width: 100%;
}

/* Price list section */
.price-list-section {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.price-list-section .price-list-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  /* opacity: 0.5; */
  display: none;
}
.price-list-section .price-list-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #A2BD3C;
  z-index: -2;
}
.price-list-section .price-list-flower {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 3;
  max-width: 180px;
  height: auto;
  opacity: 0;
  transition: opacity 1.5s ease;
  will-change: opacity;
}
.price-list-section .price-list-subtitle {
  color: rgba(255, 255, 255, 0.9019607843);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: var(--font-semibold);
  letter-spacing: 15px;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  z-index: 3;
}
.price-list-section .price-list-title {
  font-family: var(--font-secondary);
  font-size: 28px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 50px;
  color: white;
  text-align: center;
  position: relative;
  z-index: 3;
  max-width: 40%;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
}
.price-list-section .price-box {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 40px 20px;
  margin-bottom: 30px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  will-change: transform, opacity;
}
.price-list-section .price-type {
  font-family: var(--font-primary);
  font-weight: var(--font-medium);
  font-size: 24px;
  color: white;
  margin-bottom: 30px;
  letter-spacing: 3px;
}
.price-list-section .price-area {
  font-family: var(--font-primary);
  font-weight: var(--font-medium);
  font-size: 24px;
  color: white;
  margin-bottom: 30px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.price-list-section .price-amount {
  font-family: var(--font-primary);
  font-weight: var(--font-medium);
  font-size: 24px;
  color: white;
  margin-bottom: 30px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.price-list-section .price-btn {
  background-color: white;
  color: black;
  border: none;
  padding: 12px 35px;
  font-family: var(--font-primary);
  font-weight: var(--font-medium);
  font-size: 14px;
  cursor: pointer;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  margin-top: 20px;
}
.price-list-section .price-btn:hover {
  background-color: rgb(235, 225, 213);
  color: rgb(0, 0, 0);
}




/* Amenities section */
.amenities-section {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.amenities-section .amenities-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.amenities-section .amenities-subtitle {
  color: rgba(0, 0, 0, 0.9019607843);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: var(--font-semibold);
  letter-spacing: 15px;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  z-index: 3;
}
.amenities-section .amenities-title {
  font-family: var(--font-secondary);
  font-size: 28px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 80px;
  color: black;
  text-align: center;
  position: relative;
  z-index: 3;
  max-width: 40%;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
}
.amenities-section .amenities-slider {
  position: relative;
  z-index: 3;
  /* margin-bottom: 30px; */
}
.amenities-section .swiper-slide {
  height: 400px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.amenities-section .swiper-slide:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.amenities-section .slide-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
  text-align: center;
}
.amenities-section .slide-title {
  font-family: var(--font-primary);
  font-size: 18px;
  letter-spacing: 1px;
  color: white;
  margin-bottom: 10px;
}
.amenities-section .slide-subtitle {
  font-family: var(--font-secondary);
  font-size: 20px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.amenities-section .amenities-table {
  position: relative;
  z-index: 3;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.amenities-section .amenities-table table {
  width: 100%;
}
.amenities-section .amenities-table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  /* display: block; */
  margin-bottom: 15px;
}
.amenities-section .amenities-table tr:last-child {
  border-bottom: none;
}
.amenities-section .amenities-table .icon-cell {
  padding: 5px 20px;
  vertical-align: middle;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  width: 80px;
}
.amenities-section .amenities-table .icon-cell img {
  width: 40px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.amenities-section .amenities-table .text-cell {
  font-family: var(--font-primary);
  font-size: 16px;
  color: #000000;
  padding: 15px 25px;
  vertical-align: middle;
  line-height: 1.5;
  letter-spacing: 0.5px;
  width: calc(50% - 80px);
}


/* Contact Us Section */
.contact-us-section {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.contact-us-section .contact-us-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.contact-us-section .contact-us-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.contact-us-section .contact-us-flower {
  position: absolute;
  top: 80px;
  right: 80px;
  width: 120px;
  height: auto;
  z-index: 1;
  opacity: 0;
}
.contact-us-section .contact-us-flower-right {
  position: absolute;
  top: 100px;
  right: 0;
  width: 200px;
  height: auto;
  z-index: 1;
  opacity: 0;
}
.contact-us-section .contact-us-subtitle {
  color: rgba(0, 0, 0, 0.9019607843);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: var(--font-semibold);
  letter-spacing: 15px;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(20px);
}
.contact-us-section .contact-us-title {
  color: #000000;
  font-family: var(--font-secondary);
  font-size: 28px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 60px;
  margin-top: 50px;
  text-align: center;
  position: relative;
  z-index: 3;
  max-width: 40%;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: translateY(20px);
}
.contact-us-section .contact-form-parent {
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 75px;
  opacity: 0;
  transform: translateY(20px);
}
.contact-us-section .contact-form-content {
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 40px;
}
.contact-us-section .contact-form .form-group {
  margin-bottom: 50px;
}
.contact-us-section .contact-form .form-group .form-control {
  width: 100%;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0;
  padding: 8px 0;
  font-family: var(--font-primary);
  font-size: 16px;
  color: black;
  background: transparent;
  transition: all 0.3s ease;
}
.contact-us-section .contact-form .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: black;
}
.contact-us-section .contact-form .form-group .form-control::placeholder {
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgb(0, 0, 0);
}
.contact-us-section .contact-form .form-group textarea.form-control {
  resize: none;
}
.contact-us-section .contact-form .mb-4 {
  margin-bottom: 50px !important;
}
.contact-us-section .contact-form .submit-btn {
  background: transparent;
  border: 1px solid black;
  color: black;
  font-family: var(--font-primary);
  font-size: 14px;
  padding: 10px 40px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.contact-us-section .contact-form .submit-btn:hover {
  background: black;
  color: white;
}
.contact-us-section .contact-info-container {
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 20px 70px;
  opacity: 0;
  transform: translateY(20px);
}
.contact-us-section .contact-info-item {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  justify-content: center;
}
.contact-us-section .contact-info-icon {
  margin-right: 15px;
  font-size: 24px;
  color: #000000;
}
.contact-us-section .contact-info-text {
  font-family: var(--font-primary);
  font-size: 16px;
  color: #000000;
  font-weight: var(--font-medium);
  letter-spacing: 1px;
}

/* Contact Us Section Animations */
.contact-us-section.animated .contact-us-subtitle,
.contact-us-section.animated .contact-us-title,
.contact-us-section.animated .contact-form-parent,
.contact-us-section.animated .contact-info-container {
opacity: 1;
transform: translateY(0);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.contact-us-section.animated .contact-us-subtitle {
transition-delay: 0.1s;
}
.contact-us-section.animated .contact-us-title {
transition-delay: 0.3s;
}
.contact-us-section.animated .contact-form-parent {
transition-delay: 0.5s;
}
.contact-us-section.animated .contact-info-container {
transition-delay: 0.7s;
}
.contact-us-section.animated .contact-us-flower,
.contact-us-section.animated .contact-us-flower-right {
opacity: 1;
transition: opacity 1.5s ease;
transition-delay: 0.5s;
}

.modal {
/* Modal section */
}
.modal .modal-dialog {
max-width: 600px;
}
.modal .modal-dialog {
max-width: 800px;
}
.modal .modal-content {
background: #fff;
border: none;
border-radius: 10px;
padding: 40px;
}
.modal .modal-inner {
background: white;
position: relative;
border: 1px solid black;
border-radius: 10px;
padding: 60px;
padding-top: 20px;
}
.modal .modal-close {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
border: 1px solid black;
border-radius: 50%;
background: white;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
}
.modal .modal-close:hover {
background: #f5f5f5;
}
.modal .modal-title {
font-family: var(--font-secondary);
font-size: 22px;
text-align: center;
margin-bottom: 40px;
color: black;
padding-top: 0px;
}
.modal .form-group {
margin-bottom: 20px;
}
.modal .form-group label {
display: block;
font-family: var(--font-primary);
font-size: 14px;
color: black;
margin-bottom: 8px;
}
.modal .form-control {
width: 100%;
border: none;
border-bottom: 1px solid black;
border-radius: 0;
padding: 12px 0;
font-family: var(--font-primary);
font-size: 16px;
color: black;
background: transparent;
}
.modal .form-control::placeholder {
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
color: rgb(0, 0, 0);
}
.modal .form-control:focus {
outline: none;
box-shadow: none;
border-color: black;
}
.modal textarea.form-control {
resize: none;
}
.modal .submit-btn {
background: transparent;
border: 1px solid black;
color: black;
font-family: var(--font-primary);
font-size: 14px;
padding: 10px 40px;
cursor: pointer;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 2px;
margin-top: 20px;
}
.modal .submit-btn:hover {
background: black;
color: white;
}

.swiper-button-prev,
.swiper-button-next {
  width: 36px;
  height: 36px;
  background: white;
  border-radius: 50%;
  margin: 0 20px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 16px;
  color: black;
}



/* Location section */
.location-section {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.location-section .location-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  display: none;
}
.location-section .location-flower {
  position: absolute;
  right: 0;
  top: 100px;
  z-index: 2;
  max-width: 180px;
  height: auto;
  opacity: 0;
  transition: opacity 1.5s ease;
  will-change: opacity;
}
.location-section .location-multi-flowers {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: -116px;
  width: 100%;
}
.location-section .location-subtitle {
  color: rgba(0, 0, 0, 0.9019607843);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: var(--font-semibold);
  letter-spacing: 15px;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  z-index: 3;
}
.location-section .location-title {
  font-family: var(--font-secondary);
  font-size: 28px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 20px;
  color: black;
  text-align: center;
  position: relative;
  z-index: 3;
  max-width: 40%;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
}
.location-section .location-description {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.9019607843);
  text-align: center;
  max-width: 800px;
  margin: 0 auto 80px;
  position: relative;
  z-index: 3;
  letter-spacing: 1px;
}
.location-section .location-map {
  position: relative;
  z-index: 3;
  margin-bottom: 30px;
}
.location-section .map-image {
  width: 100%;
  height: 480px;
  border-radius: 10px;
  object-fit: cover;
}
.location-section .location-table {
  width: 100%;
  position: relative;
  z-index: 3;
  border-collapse: separate;
  border-spacing: 0;
}
.location-section .location-table table {
  width: 100%;
}
.location-section .location-table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  display: block;
  opacity: 0; /* Start hidden for animation */
  transform: translateX(50px); /* Start position for animation */
  will-change: transform, opacity; /* Performance optimization for animations */
}
.location-section .location-table tr:last-child {
  border-bottom: none;
}
.location-section .location-table .icon-cell {
  padding: 15px 20px;
  vertical-align: middle;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  width: 80px;
}
.location-section .location-table .icon-cell img {
  width: 40px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.location-section .location-table .text-cell {
  font-family: var(--font-primary);
  font-size: 18px;
  color: #000000;
  padding: 20px 25px;
  vertical-align: middle;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.location-section .location-table .text-cell .location-icon {
  width: 18px;
  margin-right: 8px;
}

/* Floor plans section */
.floor-plans-section {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  background: #f07225;
}
.floor-plans-section .floor-plans-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  display: none;
}
.floor-plans-section .floor-plans-flower {
  position: absolute;
  right: 0;
  top: 200px;
  z-index: 2;
  max-width: 270px;
  height: auto;
  opacity: 0;
  transition: opacity 1.5s ease;
  will-change: opacity;
}
.floor-plans-section .floor-plans-subtitle {
  color: rgba(0, 0, 0, 0.9019607843);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: var(--font-semibold);
  letter-spacing: 15px;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.floor-plans-section .floor-plans-title {
  font-family: var(--font-secondary);
  font-size: 28px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 60px;
  color: black;
  text-align: center;
  position: relative;
  z-index: 3;
  max-width: 40%;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: translateY(20px);
}
.floor-plans-section .floor-plans-content {
  position: relative;
  z-index: 3;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.floor-plans-section .plan-image-container {
  margin-bottom: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.floor-plans-section .plan-image {
  position: relative;
  width: 100%;
  /* width: 100%;
  height: 100%;
  object-fit: contain; */
  opacity: 0;
  transition: opacity 0.5s ease;
  display: none;
}
.floor-plans-section .plan-image.active {
  opacity: 1;
  display: block;
}
.floor-plans-section .swiper-container {
  position: relative;
  margin: 0 80px;
}
.floor-plans-section .swiper_control {
  margin-top: 70px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  position: relative;
  z-index: 1;
}
.floor-plans-section .planSwiper {
  height: 70px;
}
.floor-plans-section .plan-slide {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: 17px;
  letter-spacing: 2px;
  color: black;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.floor-plans-section .swiper-slide-active .plan-slide {
  font-weight: 600;
}
.floor-plans-section .plan-nav-prev,
.floor-plans-section .plan-nav-next,
.floor-plans-section .plan-nav-prev2,
.floor-plans-section .plan-nav-next2 {
  width: 34px;
  height: 34px;
  background: black;
  border-radius: 50%;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
}
.floor-plans-section .plan-nav-prev:after,
.floor-plans-section .plan-nav-next:after,
.floor-plans-section .plan-nav-prev2:after,
.floor-plans-section .plan-nav-next2:after {
  font-size: 14px;
  color: white;
}
.floor-plans-section .swiper-button-prev {
  left: 0;
}
.floor-plans-section .plan-nav-next {
  right: 0;
}
.high-life-one .image-sec img {
  width: 80px;
}
.high-life-one .image-sec {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.high-life-one .image-sec h2 {
  font-size: 60px;
  color: #ffffff;
  font-family: var(--font-secondary);
  margin: 0;
}

.floor-navs {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  gap: 25px;
}
.high-life-one .details-sec {
  padding-top: 30px;
  text-align: center;
  color: #fff;
}
.high-life-one .details-sec span {
  font-weight: 600;
}
.nav-pills.price-nav .nav-link.active, .nav-pills.price-nav .show>.nav-link {
  color: #000000;
  background-color: #fd7315;
  font-weight: 600;
  border: 1px solid #ffffff94;
}
.floor-navs .nav-link{
  background-color: white;
  color: black;
  border: 1px solid #747474;
  padding: 10px 35px;
  font-family: var(--font-primary);
  font-weight: var(--font-medium);
  font-size: 14px;
  cursor: pointer;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  border-radius: 0;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #000000;
  background-color: #a2bd3c;
  font-weight: 600;
  border: 1px solid  var(--color1);
}
/* Footer Section */
.footer-section {
  position: relative;
  padding: 80px 0 0;
  overflow: hidden;
}
.footer-section .footer-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
  display: none;
}
.footer-section .footer-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #768b27;
  z-index: 0;
}
.footer-section .footer-flower {
  position: absolute;
  top: 50px;
  right: 0;
  width: 250px;
  height: auto;
  z-index: 1;
  opacity: 0;
}
.footer-section .footer-title {
  color: #ffffff;
  font-family: var(--font-secondary);
  font-size: 28px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 60px;
  text-align: center;
  position: relative;
  z-index: 3;
  max-width: 40%;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: translateY(20px);
}
.footer-section .footer-content {
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(20px);
}
.footer-section .footer-content .right_col {
  position: relative;
}
.footer-section .footer-content .right_col:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, transparent, #ffffff, transparent);
}
.footer-section .footer-content .footer-company {
  margin-bottom: 30px;
  text-align: center;
}
.footer-section .footer-content .footer-logo {
  width: 220px;
  height: auto;
  margin-bottom: 40px;
}
.footer-section .footer-content .footer-description {
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.8;
  font-weight: var(--font-light);
  letter-spacing: 1px;
}
.footer-section .footer-content .footer-divider {
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, transparent, #ffffff, transparent);
}

/* Footer Section Animations */
.footer-section.animated .footer-title,
.footer-section.animated .footer-content {
opacity: 1;
transform: translateY(0);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.footer-section.animated .footer-title {
transition-delay: 0.1s;
}
.footer-section.animated .footer-content {
transition-delay: 0.3s;
}
.footer-section.animated .footer-flower {
opacity: 1;
transition: opacity 1.5s ease;
transition-delay: 0.5s;
}
/* Copyright Section */
.copyright-section {
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  width: 100%;
  position: relative;
  margin-top: 50px;
}

.copyright-text,
.disclaimer-text {
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: var(--font-regular);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 15px 0;
}

.gtf-link {
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
}

.gtf-link:hover {
  color: rgba(255, 255, 255, 0.7);
}



/* Disclaimer Section */
.disclaimer {
  padding: 30px 0;
  text-align: center;
  width: 100%;
  position: relative;
  /* margin-top: 30px; */
  /* border-top: 1px solid rgba(255, 255, 255, 0.3); */
}
.disclaimer .disclaimer-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.disclaimer .disclaimer-logos {
  display: flex;
  align-items: center;
  gap: 30px;
}
.disclaimer .disclaimer-logo {
  height: 60px;
  width: auto;
}
.disclaimer .disclaimer-text-container {
  flex: 1;
  padding-left: 40px;
  text-align: left;
  max-width: 80%;
}
.disclaimer .disclaimer-para {
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  max-width: 50%;
  letter-spacing: 0.5px;
}

.sidebar-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid black;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 24px;
  transition: all 0.3s ease;
  z-index: 1001;
}
.sidebar-close-btn:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-close-btn i {
  line-height: 1;
}
/* Gallery section */
.gallery-section {
  position: relative;
  padding: 100px 0;
  overflow: hidden;

  .gallery-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
  }
  
  .gallery-flower {
      position: absolute;
      right: 0;
      top: 200px;
      z-index: 2;
      max-width: 100px;
      height: auto;
      opacity: 0;
      transition: opacity 1.5s ease;
      will-change: opacity;
  }
  
  .gallery-multi-flowers {
      z-index: 1;
      position: absolute;
      right: 0;
      bottom: 0;
  }
  
  .gallery-subtitle {
      color: #000000e6;
      font-family: var(--font-primary);
      font-size: 14px;
      font-weight: var(--font-semibold);
      letter-spacing: 15px;
      text-transform: uppercase;
      margin-bottom: 0;
      text-align: center;
      position: relative;
      z-index: 3;
  }
  
  .gallery-title {
      font-family: var(--font-secondary);
      font-size: 28px;
      letter-spacing: 5px;
      text-transform: uppercase;
      margin-top: 50px;
      margin-bottom: 80px;
      color: black;
      text-align: center;
      position: relative;
      z-index: 3;
      max-width: 40%;
      line-height: 50px;
      margin-left: auto;
      margin-right: auto;
      opacity: 0;
      transform: translateY(30px);
      will-change: transform, opacity;
  }
  
  .gallery-slider-container {
      position: relative;
      z-index: 3;
      margin: 0 auto;
      max-width: 80%;
  }
  
  .gallerySwiper {
      width: 100%;
      padding-bottom: 50px;
      overflow: visible;
  }

  .swiper-slide{
      opacity:0.5;
  }

  .swiper-slide-active{
      opacity:1;
  }
  
  /* .gallery-slide {
      height: 600px;
      background-size: cover;
      background-position: center;
      position: relative;
      overflow: hidden;
  } */
  
  /* .gallery-slide::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30%;
      background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
      z-index: 1;
  } */
  
  .gallery-caption {
      position: absolute;
      bottom: 40px;
      left: 40px;
      right: 40px;
      color: white;
      z-index: 2;
  }
  
  .gallery-caption h3 {
      font-family: var(--font-secondary);
      font-size: 24px;
      margin-bottom: 10px;
      text-transform: uppercase;
      letter-spacing: 3px;
  }
  
  .gallery-caption p {
      font-family: var(--font-primary);
      font-size: 16px;
      opacity: 0.9;
  }
  
  .gallery-nav-prev,
  .gallery-nav-next {
      width: 35px;
      height: 35px;
      background: #000;
      border-radius: 50%;
      color: #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      top: 50%;
      transform: translateY(-50%);
  }
  
  .gallery-nav-prev:after,
  .gallery-nav-next:after {
      font-size: 14px;
      color: #fff;
      font-weight: bold;
  }
}


.mobile-menu-toggle {
  margin-left: 15px;
  display: none;
}


.whatsapp-section {
    position: fixed;
    bottom: 60px;
    width: 42px;
    right: 20px;
    z-index: 999;
}
.call-section{
  position: fixed;
    bottom: 120px;
    width: 42px;
    right: 20px;
    z-index: 999;
}
.call-section img{
  width: 38px;
}

.contact-info-text a{text-decoration: none; color: black;}
/* Responsive Styles - Combined at bottom */

@media (max-width: 1500px) {

  .sidebar-menu {
      gap: 20px;
  }


  .highlights-section .multi_flowers {
      bottom: -86px;
    }
    
    .location-section .location-multi-flowers {
      bottom: -86px;
    }
    
    .sidebar {
      padding: 20px 0;
    }
    
    .header ._logo {
      padding-left: 40px;
      padding-top: 30px;
    }
    .header ._logo .header-logo {
      height: 50px;
    }
    
    .hero-section .hero-content .hero-title-image {
      width: 110px;
    }
    .hero-section .hero-content .tagline {
      font-size: 20px;
      letter-spacing: 1px;
    }
    .hero-section .hero-content .sub_tagline {
      font-size: 14px;
      margin-bottom: 50px;
    }
    .hero-section .hero-content .hero-description .sizes {
      font-size: 22px;
    }
    .hero-section .hero-content .hero-description .patch {
      margin-bottom: 50px;
    }
    .hero-section .hero-content .hero-description .patch p {
      font-size: 14px;
    }
    .hero-section .hero-content .hero-address {
      font-size: 16px;
      letter-spacing: 1px;
    }
    .hero-section .hero-multi-flowers {
      max-width: 100%;
      bottom: 0px;
      z-index:1;
    }
    
    /* overview section */
    .overview-section .overview-content .overview-title {
      margin-bottom: 40px;
      margin-top: 30px;
    }
    .overview-section .overview-content .overview-counters {
      margin-top: 60px;
    }
    .overview-section .overview-content .overview-counters .counter-item .counter {
      font-size: 34px;
    }
    .overview-section .overview-content .overview-counters .counter-item .counter-label {
      font-size: 14px;
    }
    .overview-section .overview-content .overview-description {
      margin-bottom: 40px;
    }
    
    /* end of overview section */
    /* highlights section */
    .highlights-section .highlights-title {
      max-width: 60%;
      margin-bottom: 40px;
      margin-top: 30px;
    }
    .highlights-section .highlights_content {
      max-width: 1000px;
      margin: auto;
    }
    .highlights-section .highlights-table .icon-cell {
      padding: 10px 15px;
      width: 60px;
    }
    .highlights-section .highlights-table .icon-cell img {
      width: 30px;
    }
    .highlights-section .highlights-table .text-cell {
      padding: 10px 15px;
      font-size: 16px;
    }
    
    .location-section .location-table .text-cell {
      font-size: 16px;
    }
    
    /* end of highlights section */
    /* price list section */
    .price-list-section .price_content {
      max-width: 1000px;
      margin: auto;
    }
    .price-list-section .price-list-title {
      max-width: 60%;
      margin-bottom: 60px;
      margin-top: 30px;
    }
    .price-list-section .price-box {
      padding: 30px 20px;
    }
    .price-list-section .price-type,
    .price-list-section .price-area,
    .price-list-section .price-amount {
      margin-bottom: 20px;
    }
    .price-list-section .price-btn {
      margin-top: 10px;
    }
    
    /* amenities section */
    .amenities-section .amenities-title {
      max-width: 60%;
      margin-bottom: 40px;
      margin-top: 30px;
    }
    .amenities-section .amenities_content {
      max-width: 1200px;
      margin: auto;
    }
    .amenities-section .amenities-table .text-cell {
      padding: 5px 15px;
    }
    
    /* end of amenities eciton */
    /* location advantage */
    .location-section .location-title {
      max-width: 60%;
      margin-bottom: 20px;
      margin-top: 30px;
    }
    .location-section .location-description {
      margin: 0 auto 40px;
      line-height: initial;
    }
    .location-section .location_content {
      max-width: 1100px;
      margin: auto;
    }
    .location-section .location-table .text-cell {
      padding: 10px 20px;
    }
    .location-section .location-table .icon-cell {
      padding: 10px 20px;
    }
    .location-section .location-table .icon-cell img {
      width: 35px;
    }
    
    /* end of location advantage */
    /* floor plan */
    .floor-plans-section .floor-plans-title {
      max-width: 60%;
      margin-bottom: 40px;
      margin-top: 30px;
    }
    .floor-plans-section .floor-plans-content {
      max-width: 45%;
    }
    .floor-plans-section .swiper_control {
      margin-top: 60px;
    }
    
    /* end of floor plans */
    /* .gallery-section */
    .gallery-section .gallery-title {
      max-width: 60%;
      margin-bottom: 40px;
      margin-top: 30px;
    }
    .gallery-section .gallery-slider-container {
      max-width: 65%;
    }
    
    /* end of galerys ection */
    .contact-us-section .contact-us-title {
      max-width: 60%;
      margin-bottom: 40px;
      margin-top: 30px;
    }
    .contact-us-section .contact-info-container {
      padding: 15px 40px;
    }
    .contact-us-section .contact-form .form-group {
      margin-bottom: 25px;
    }
    .contact-us-section .contact-form-parent {
      margin-bottom: 50px;
    }

  /* end of contact us section */
}

/* end of 1500 */

@media (max-width: 1200px) {

  .mx_lg_-40{
      margin-left: -40px;
      margin-right: -40px;
  }

  .px_lg_40{
      padding-left: 40px;
      padding-right: 40px;
  }

  .sidebar {
      width: 80px;
    }
    .sidebar .sidebar-logo {
      width: 60px;
    }
    .sidebar .center .sidebar-e-logo {
      width: 30px;
    }
    .sidebar .center .hamburger-menu {
      width: 36px;
    }
    .sidebar .center .hamburger-menu span:nth-child(2) {
      top: 8px;
    }
    .sidebar .center .hamburger-menu span:nth-child(3) {
      top: 16px;
    }
    .sidebar .sidebar-text {
      font-size: 20px;
    }
    
    .main-content {
      padding-left: 80px;
    }
    
    /* header */
    .header {
      left: 80px;
    }
    .header ._logo .header-logo {
      height: 40px;
    }
    .header ._logo .header-divider {
      margin: 0 15px;
    }
    
    /* end of header */
    /* hero-section */
    .hero-section .hero-content .hero-title-image {
      width: 160px;
      margin-bottom: 30px;
    }
    .hero-section .hero-content .tagline {
      font-size: 16px;
    }
    .hero-section .hero-content .sub_tagline {
      font-size: 12px;
    }
    .hero-section .hero-content .hero-description .sizes {
      font-size: 17px;
      letter-spacing: 1px;
    }
    .hero-section .hero-content .hero-description .patch {
      padding: 4px 4px;
      padding-left: 15px;
      margin-bottom: 40px;
    }
    .hero-section .hero-content .hero-description .patch p {
      font-size: 12px;
      letter-spacing: 1px;
    }
    .hero-buttons .hero-btn {
      width: 180px;
      padding: 20px 0;
      font-size: 12px;
    }
    .hero-buttons .hero-btn-divider {
      left: 180px;
    }
    
    /* end of hero-section */
    /* overview section */
    .overview-section .overview-content .overview-counters .counter-item .counter-label {
      font-size: 12px;
    }
    
    /* end of overview section */
    .highlights-section {
      padding: 100px 0;
    }
    .highlights-section .container-fluid {
      padding: 0 30px;
    }
    .highlights-section .highlights-title {
      margin-bottom: 60px;
    }
    
    /* end of highlights section */
    /* price list section */
    .price-list-section .price-list-title {
      max-width: 60%;
      margin-bottom: 60px;
    }
    .price-list-section .price-type {
      font-size: 18px;
      margin-bottom: 20px;
    }
    .price-list-section .price-area {
      font-size: 18px;
      margin-bottom: 20px;
    }
    .price-list-section .price-amount {
      font-size: 18px;
      margin-bottom: 20px;
    }
    .price-list-section .price-btn {
      padding: 10px 30px;
      font-size: 12px;
    }
    
    /* end of price list section */
    /* amenities section */
    .amenities-section .amenities-title {
      max-width: 60%;
      margin-bottom: 60px;
    }
    
    /* end of amenities section */
    /* location section */
    .location-section .location-title {
      max-width: 60%;
      margin-bottom: 30px;
    }
    .location-section .location-table .icon-cell {
      width: 50px;
      padding: 10px 10px;
    }
    .location-section .location-table .icon-cell img {
      width: 30px;
    }
    .location-section .location-table .text-cell {
      font-size: 12px;
      padding: 10px 6px;
    }
    
    /* end of location section */
    /* floor plans section */
    .floor-plans-section .floor-plans-title {
      max-width: 60%;
      margin-bottom: 30px;
    }
    
    /* end of floor plans section */
    /* contact us section */
    .contact-us-section .contact-us-title {
      max-width: 60%;
      margin-bottom: 30px;
    }
    
    /* end of contact us section */
    /* footer section */
    .footer-section .footer-title {
      max-width: 60%;
      margin-bottom: 50px;
    }
    .footer-section .footer-content .footer-logo {
      width: 170px;
    }
    
    /* end of footer section */
    .disclaimer .disclaimer-para {
      font-size: 12px;
      max-width: 70%;
    }
    
    .gallery-section .gallery-title {
      max-width: 60%;
      margin-bottom: 60px;
    }
}

/* end of 1200 */
p.price-dis {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin: 0;
    margin-top: 20px;
}
@media (max-width: 991px) {
  /* Hero styles */
  .hero-section .hero-right-col {
      padding: 60px 30px;
    }
    .hero-section .hero-content {
      padding: 0;
      margin: 0;
      z-index: 99;
    }
    .hero-section .hero-content .tagline {
      margin: 0;
    }
    .hero-section .hero-title-image {
      width: 300px;
    }
    .hero-section .hero-description {
      font-size: 20px;
      letter-spacing: 1px;
    }
    
    /* Overview styles */
    .overview-title {
      font-size: 24px;
      letter-spacing: 4px;
    }
    
    .overview-counters {
      flex-wrap: wrap;
      gap: 40px 20px;
    }
    
    .counter-item {
      flex: 0 0 calc(50% - 10px);
    }
    
    .overview-section .overview-content .overview-title {
      font-size: 24px;
      letter-spacing: 4px;
      margin-bottom: 40px;
    }
    .overview-section .overview-content .overview-description {
      font-size: 14px;
      line-height: 28px;
      margin-bottom: 50px;
    }
    .overview-section .overview-content .overview-counters {
      margin-top: 60px;
    }
    .overview-section .overview-content .overview-counters .counter-item .counter {
      font-size: 42px;
    }
    .overview-section .overview-content .overview-counters .counter-item .counter-label {
      font-size: 14px;
      letter-spacing: 2px;
    }
    
    /* Highlights styles */
    .highlights-section .highlights-title {
      font-size: 24px;
      letter-spacing: 4px;
      margin-bottom: 40px;
      max-width: 80%;
      line-height: 40px;
    }
    .highlights-section .highlights-image {
      margin-bottom: 40px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
    
    /* Price list styles */
    .price-list-section .price-list-title {
      font-size: 24px;
      letter-spacing: 4px;
      margin-bottom: 40px;
      max-width: 80%;
      line-height: 40px;
    }
    
    /* Modal styles */
    .modal .modal-content {
      padding: 30px;
    }
    .modal .modal-inner {
      padding: 40px;
    }
    .modal .modal-title {
      font-size: 24px;
      margin-bottom: 30px;
    }
    
    /* Amenities styles */
    .amenities-title {
      font-size: 24px;
      letter-spacing: 4px;
      margin-bottom: 40px;
    }
    
    .amenities-table {
      margin-top: 40px;
    }
    
    .amenities-table .icon-cell {
      padding: 12px 15px;
      width: 60px;
    }
    
    .amenities-table .text-cell {
      font-size: 16px;
      padding: 15px 20px;
    }
    
    /* Location styles */
    .location-title {
      font-size: 24px;
      letter-spacing: 4px;
      margin-bottom: 15px;
    }
    
    .location-description {
      font-size: 15px;
      margin-bottom: 40px;
    }
    
    /* Floor plans styles */
    .floor-plans-section .swiper-container {
      margin: 0;
    }
    .floor-plans-section .plan-image-container {
      height: 400px;
      margin-bottom: 30px;
    }
    .floor-plans-section .swiper_control {
      margin-top: 30px;
    }
    .floor-plans-section .plan-nav-prev, .floor-plans-section .plan-nav-next, .floor-plans-section .plan-nav-prev, .floor-plans-section .plan-nav-next {
      margin: 0;
    }
    .floor-plans-section .plan-nav-prev {
      left: 0;
    }
    .floor-plans-section .plan-nav-next {
      right: 0;
    }
    
    /* Contact Us Section Responsive */
    .contact-us-section .contact-info-container {
      padding: 10px 20px;
    }
    .contact-us-section .contact-info-item {
      display: block;
    }
    .contact-us-section .contact-info-icon {
      font-size: 18px;
      margin-bottom: 5px;
      margin-right: 0;
    }
    .contact-us-section .contact-info-text {
      font-size: 14px;
      letter-spacing: 0.5px;
      display: block;
    }
    
    /* Footer styles */
    .footer-title {
      font-size: 24px;
      letter-spacing: 4px;
      margin-bottom: 50px;
      padding: 0 20px;
    }
    
    .footer-content .footer-logo {
      width: 150px;
      margin-bottom: 30px;
    }
    .footer-content .footer-description {
      font-size: 13px;
      line-height: 1.7;
    }
    
    .disclaimer-content {
      flex-direction: column;
      gap: 20px;
    }
    
    .disclaimer-text-container {
      padding-left: 0;
      text-align: center;
      max-width: 100%;
    }
    
    .gallery-section {
      padding: 80px 0;
    }
    .gallery-section .gallery-title {
      font-size: 24px;
      letter-spacing: 4px;
      margin-bottom: 40px;
      max-width: 80%;
      line-height: 40px;
    }
    .gallery-section .gallery-caption {
      bottom: 30px;
      left: 30px;
      right: 30px;
    }
    .gallery-section .gallery-caption h3 {
      font-size: 20px;
    }
    
    .amenities-table .icon-cell {
      padding: 12px 15px;
      width: 60px;
    }
    
    .amenities-table .text-cell {
      font-size: 16px;
      padding: 15px 20px;
    }
    
    .disclaimer-para {
      max-width: 100%;
    }
}

/* end of 991 */

@media (max-width: 768px) {

  .patch-price p {
    font-size: 12px;
    letter-spacing: 1px;
}
.patch-price {
    margin-bottom: 30px;
}
.px_20 {
  padding-left: 20px;
  padding-right: 20px;
}

.floor-navs .nav-link {
  padding: 10px 15px;
  max-width: 130px;
  font-size: 12px;
}
.popup-logo {width: 70px;}

.hero-section .hero-content .hero-btn {
    margin-top: 20px;
}
  .sidebar-menu {
      gap: 30px;
  }
  .high-life-one .image-sec {
      padding-top: 30px;
    }
    
    .border_top_sm_0 {
      border-top: 0 !important;
    }
    
    .location-section .map-image {
      width: 100%;
      height: 100%;
    }
    
    .header .row {
      align-items: center;
    }
    .header ._logo .header-logo {
      height: 35px;
    }
    .header ._logo .light-logo {
      display: none;
    }
    .header ._logo .dark-logo {
      display: block;
    }
    .header ._logo .gvr_logo {
      height: 28px;
    }
    
    .overview-section .overview-content {
      padding: 0;
    }
    
    .amenities-section .slide-subtitle {
      max-width: 100%;
    }
    
    .amenities-section .amenities-title {
      max-width: 100%;
    }
    
    /* Header styles */
    .header {
      position: relative;
      left: 0;
      padding: 15px;
      width: 100%;
      z-index: 99;
    }
    .header .header-buttons {
      display: none;
    }
    .header ._logo {
      padding-left: 0;
      padding-top: 0px;
    }
    .header ._logo .header-divider {
      background-color: rgba(0, 0, 0, 0.3);
    }
    
    .header-buttons {
      padding-right: 20px;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: flex-end;
    }
    .header-buttons .btn-video,
    .header-buttons .btn-brochure {
      padding: 4px 25px;
      font-size: 10px;
      display: block;
      font-weight: var(--font-medium);
      position: relative;
      text-transform: uppercase;
      letter-spacing: 1px;
      /* span{
          writing-mode: sideways-lr;
      } */
    }
    .header-buttons .btn-video i,
    .header-buttons .btn-brochure i {
      font-size: 14px;
      margin-left: 5px;
    }
    .header-buttons .btn-video:before {
      width: 1px;
      height: 20px;
      background: #000;
      right: 0;
      display: block;
      position: absolute;
      content: "";
    }
    .header-buttons::after {
      display: none;
    }
    
    /* Hero styles */
    .hero-section {
      height: auto;
    }
    .hero-section .row {
      flex-direction: column;
    }
    .hero-section .hero-content .hero-title-image {
      width: 90px;
    }
    .hero-section .hero-content .tagline {
      margin-left: auto;
      margin-right: auto;
      max-width: 60%;
      font-size: 18px;
      margin-bottom: 15px;
    }
    .hero-section .hero-content .tagline:before {
      right: calc(100% + 10px);
      width: 30px;
      height: 2px;
    }
    .hero-section .hero-content .tagline:after {
      left: calc(100% + 10px);
      width: 30px;
      height: 2px;
    }
    .hero-section .hero-content .sub_tagline {
      margin-bottom: 30px;
    }
    .hero-section .hero-content .hero-description .patch {
      gap: 10px;
      padding-left: 10px;
      margin-bottom: 30px;
    }
    .hero-section .hero-content .hero-description .patch p {
      font-size: 11px;
    }
    .hero-section .hero-content .hero-description .patch .save {
      padding: 6px 10px;
    }
    .hero-section .hero-content .hero-address {
      font-size: 14px;
    }
    .hero-section .hero-content .hero-address .location {
      width: 14px;
    }
     .hero-buttons {
      position: relative;
      width: 100%;
      margin-top: 25px;
    }
     .hero-buttons .hero-btn {
      width: auto;
      padding: 8px 20px;
      border: 1px solid #000;
      font-size: 10px;
      margin: auto;
      font-weight: var(--font-semibold);
    }
     .hero-buttons .hero-btn:hover {
      background-color: #000;
      color: #fff;
    }
     .hero-buttons .hero-btn-divider {
      left: 50%;
    }
    .hero-section .hero-left-col,
    .hero-section .hero-right-col {
      width: 100%;
      height: auto;
    }
    .hero-section .hero-right-col {
      justify-content: flex-start;
      padding: 40px 40px;
    }
  
  .hero-address {
      font-size: 16px;
  }
  
  .hero-description {
      font-size: 18px;
  }
  
  .hero-buttons {
      margin-top: 30px;
  }
  
  .hero-btn {
      width: 150px;
      padding: 20px 0;
  }
  
  .hero-btn-divider {
      left: 150px;
  }

  /* Overview styles */
  .overview-section {
      padding: 60px 30px;
    }
    .overview-section .overview-flower {
      max-width: 70px;
    }
    .overview-section .overview-content .overview-subtitle {
      font-size: 12px;
      letter-spacing: 8px;
    }
    .overview-section .overview-content .overview-title {
      font-size: 20px;
      letter-spacing: 3px;
      margin-bottom: 30px;
      margin-top: 25px;
      max-width: 100%;
      line-height: inherit;
    }
    .overview-section .overview-content .overview-description {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 20px;
    }
    .overview-section .overview-content .overview-counters {
      gap: 0;
      justify-content: unset;
      margin-top: 20px;
    }
    .overview-section .overview-content .overview-counters .counter-item {
      flex: 0 0 50%;
      margin: 15px 0;
    }
    .overview-section .overview-content .overview-counters .counter-item .counter {
      font-size: 26px;
    }
    .overview-section .overview-content .overview-counters .counter-item .counter-label {
      font-size: 12px;
    }

  /* Highlights styles */
  .highlights-section {
      padding: 60px 20px;
    }
    .highlights-section .multi_flowers {
      bottom: -100px;
    }
    .highlights-section .highlights-flower {
      max-width: 140px;
      top: 20px;
    }
    .highlights-section .highlights-subtitle {
      font-size: 12px;
      letter-spacing: 8px;
    }
    .highlights-section .highlights-title {
      font-size: 20px;
      letter-spacing: 3px;
      margin-bottom: 30px;
      max-width: 100%;
      margin-top: 25px;
      line-height: inherit;
    }
    .highlights-section .highlights-image {
      max-width: 100%;
    }
    .highlights-section .highlights-table .text-cell {
      font-size: 14px;
      padding: 10px 15px;
    }
    .highlights-section .highlights-table .icon-cell {
      width: 55px;
      padding: 10px 15px;
    }
    .highlights-section .highlights-table .icon-cell img {
      width: 25px;
    }
    
    /* Price list styles */
    .price-list-section {
      padding: 60px 30px;
    }
    .price-list-section .price-list-flower {
      max-width: 100px;
      top: 10px;
    }
    .price-list-section .price-list-subtitle {
      font-size: 12px;
      letter-spacing: 8px;
    }
    .price-list-section .price-list-title {
      font-size: 20px;
      letter-spacing: 3px;
      margin-bottom: 30px;
      max-width: 100%;
      margin-top: 25px;
      line-height: inherit;
    }
    .price-list-section .price-box {
      padding: 30px 15px;
      margin-bottom: 0;
    }
    .price-list-section .price-type,
    .price-list-section .price-area,
    .price-list-section .price-amount {
      font-size: 16px;
      margin-bottom: 18px;
    }
    .price-list-section .price-btn {
      margin-top: 10px;
    }
    
    /* Modal styles */
    .modal .modal-content {
      padding: 15px;
    }
    .modal .modal-inner {
      padding: 25px;
    }
    .modal .modal-title {
      font-size: 18px;
      margin-bottom: 20px;
      padding: 0 30px;
    }
    .modal .modal-close {
      top: 15px;
      right: 15px;
      width: 35px;
      height: 35px;
    }
    .modal .form-group {
      margin-bottom: 0;
    }
    .modal .form-control::placeholder {
      font-size: 12px;
    }
    .modal .submit-btn {
      margin-top: 0;
    }
    .modal textarea.form-control {
      height: 70px;
    }
    
    /* Amenities styles */
    .amenities-section {
      padding: 60px 30px;
    }
    .amenities-section .amenities-title {
      font-size: 20px;
      letter-spacing: 3px;
      margin-bottom: 30px;
      max-width: 100%;
      margin-top: 25px;
      line-height: inherit;
    }
    .amenities-section .amenities-subtitle {
      font-size: 12px;
      letter-spacing: 8px;
    }
    .amenities-section .amenities-table tr {
      margin-bottom: 10px;
    }
    .amenities-section .amenities-table .icon-cell {
      padding: 10px;
      width: 50px;
    }
    .amenities-section .amenities-table .text-cell {
      font-size: 14px;
      padding: 10px 15px;
    }
    .amenities-section .amenities-table .icon-cell img {
      width: 34px;
    }
    .amenities-section .swiper-slide {
      height: 280px;
    }
    .amenities-section .slide-content {
      bottom: 30px;
      left: 30px;
      right: 30px;
    }
    .amenities-section .slide-title {
      font-size: 18px;
    }
    .amenities-section .slide-subtitle {
      font-size: 12px;
      max-width: 100%;
    }
    .amenities-section .swiper-button-prev, .amenities-section .swiper-button-next {
      margin: 0 10px;
      width: 30px;
      height: 30px;
    }
    .amenities-section .swiper-button-prev {
      left: 0;
    }
    
    /* Location styles */
    .location-section {
      padding: 60px 30px;
    }
    .location-section .location-flower {
      max-width: 80px;
      top: 40px;
    }
    .location-section .location-subtitle {
      font-size: 12px;
      letter-spacing: 8px;
    }
    .location-section .location-title {
      font-size: 20px;
      letter-spacing: 3px;
      margin-bottom: 30px;
      max-width: 100%;
      margin-top: 25px;
      line-height: inherit;
    }
    .location-section .location-description {
      font-size: 12px;
      margin-bottom: 50px;
    }
    .location-section .location-text {
      font-size: 15px;
    }
    .location-section .location-multi-flowers {
      bottom: -137px;
    }
    
    /* Floor plans styles */
    .floor-plans-section {
      padding: 60px 30px;
    }
    .floor-plans-section .floor-plans-subtitle {
      font-size: 12px;
      letter-spacing: 8px;
    }
    .floor-plans-section .floor-plans-title {
      font-size: 20px;
      letter-spacing: 3px;
      margin-bottom: 30px;
      max-width: 100%;
      margin-top: 25px;
      line-height: inherit;
    }
    .floor-plans-section .floor-plans-content {
      max-width: 100%;
    }
    .floor-plans-section .plan-image {
      position: relative;
    }
    .floor-plans-section .plan-image-container {
      height: auto;
      margin-bottom: 30px;
    }
    .floor-plans-section .floor-plans-flower {
      top: 10px;
      max-width: 160px;
    }
    .floor-plans-section .planSwiper {
      height: 50px;
    }
    .floor-plans-section .plan-slide {
      height: 50px;
      font-size: 12px;
    }
    .floor-plans-section .plan-nav-prev,
    .floor-plans-section .plan-nav-next {
      width: 24px;
      height: 24px;
      margin: 0 0;
    }
    .floor-plans-section .plan-nav-prev:after,
    .floor-plans-section .plan-nav-next:after {
      font-size: 10px;
    }
    
    /* Contact Us Section Responsive */
    .contact-us-section {
      padding: 50px 30px;
    }
    .contact-us-section .contact-us-flower {
      top: 50px;
      right: 20px;
      width: 80px;
    }
    .contact-us-section .contact-us-flower-right {
      top: 10px;
      width: 90px;
    }
    .contact-us-section .contact-us-subtitle {
      font-size: 12px;
      letter-spacing: 8px;
    }
    .contact-us-section .contact-us-title {
      font-size: 20px;
      letter-spacing: 3px;
      margin-bottom: 30px;
      max-width: 100%;
      margin-top: 25px;
      line-height: inherit;
    }
    .contact-us-section .contact-form-parent {
      padding: 10px;
      margin-bottom: 30px;
      border: 1px solid rgba(0, 0, 0, 0.3);
    }
    .contact-us-section .contact-form-content {
      padding: 20px;
    }
    .contact-us-section .contact-form .form-group {
      margin-bottom: 10px;
    }
    .contact-us-section .contact-form .submit-btn {
      margin-top: 20px;
      font-size: 12px;
    }
    .contact-us-section .form-control {
      font-size: 14px;
      padding: 6px 0;
    }
    .contact-us-section .form-control::placeholder {
      font-size: 10px;
      letter-spacing: 2px;
    }
    .contact-us-section .mb-4 {
      margin-bottom: 40px !important;
    }
    .contact-us-section .submit-btn {
      padding: 8px 30px;
      font-size: 13px;
    }
    .contact-us-section .contact-info-container {
      padding: 10px;
    }
    .contact-us-section .contact-info-item {
      padding: 8px 5px;
      display: flex;
    }
    .contact-us-section .contact-info-icon {
      font-size: 18px;
      margin-right: 8px;
    }
    
    /* Footer Section Responsive */
    .footer-section {
      padding: 50px 20px;
    }
    .footer-section .footer-flower {
      top: 10px;
      width: 100px;
    }
    .footer-section .footer-title {
      font-size: 20px;
      letter-spacing: 3px;
      margin-bottom: 40px;
      max-width: 100%;
      margin-top: 0;
      line-height: inherit;
    }
    .footer-section .footer-description {
      font-size: 12px;
      line-height: 1.5;
    }
    .footer-section .footer-divider {
      margin: 20px auto;
    }
    .footer-section .footer-content .footer-logo {
      width: 140px;
      margin-bottom: 20px;
    }
    .footer-section .footer-content .footer-company {
      border-top: 1px solid #fff;
      padding-top: 30px;
    }
    .footer-section .footer-content .footer-description {
      font-size: 12px;
    }
    
    .copyright-section {
      margin-top: 20px;
      padding: 10px 20px;
    }
    .copyright-section .copyright-text, .copyright-section .disclaimer-text {
      font-size: 10px;
    }
    
    .disclaimer .disclaimer-logo {
      height: 40px;
    }
    .disclaimer .disclaimer-text-container {
      max-width: 100%;
      padding-left: 0;
    }
    .disclaimer .disclaimer-para {
      max-width: 100%;
      text-align: center;
      font-size: 10px;
    }
    
    .gallery-section {
      padding: 60px 30px;
    }
    .gallery-section .gallery-multi-flowers {
      bottom: -20px;
    }
    .gallery-section .gallerySwiper {
      padding-bottom: 0;
    }
    .gallery-section .gallery-slider-container {
      max-width: 100%;
    }
    .gallery-section .gallery-subtitle {
      font-size: 12px;
      letter-spacing: 8px;
    }
    .gallery-section .gallery-title {
      font-size: 20px;
      letter-spacing: 3px;
      margin-bottom: 30px;
      max-width: 100%;
      margin-top: 25px;
      line-height: inherit;
    }
    .gallery-section .gallery-flower {
      top: 20px;
      max-width: 80px;
    }
    .gallery-section .gallery-caption {
      bottom: 20px;
      left: 20px;
      right: 20px;
    }
    .gallery-section .gallery-caption h3 {
      font-size: 18px;
      margin-bottom: 5px;
    }
    .gallery-section .gallery-caption p {
      font-size: 14px;
    }
    .gallery-section .gallery-nav-prev,
    .gallery-section .gallery-nav-next {
      width: 30px;
      height: 30px;
    }
    .gallery-section .gallery-nav-prev:after,
    .gallery-section .gallery-nav-next:after {
      font-size: 10px;
    }
    
    .px_sm_20 {
      padding-left: 20px;
      padding-right: 20px;
    }
    
    .sidebar {
      display: none;
    }
    
    .main-content {
      padding-left: 0;
      padding-top: 65px;
    }
    
    .mobile-menu-toggle {
      display: block;
    }
    
    .header-buttons {
      position: fixed;
      z-index: 9;
      top: 35%;
      background: #fff;
      padding: 0;
      display: flex;
      transform: Rotate(-90deg) translateY(-50%);
      transform-origin: top right;
      gap: 0;
      right: 16px;
      box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
      /* .btn-video i{
          display:block;
      } */
      /* .btn-brochure i{
          display:block;
      } */
    }
    .header-buttons::after {
      left: 175px;
    }
    
    .mobile-menu-toggle .hamburger-menu {
      width: 30px;
      height: 20px;
      position: relative;
      cursor: pointer;
    }
    .mobile-menu-toggle .hamburger-menu span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #000000;
      border-radius: 3px;
      transition: all 0.3s ease;
    }
    .mobile-menu-toggle .hamburger-menu span:nth-child(1) {
      top: 0;
    }
    .mobile-menu-toggle .hamburger-menu span:nth-child(2) {
      top: 8px;
    }
    .mobile-menu-toggle .hamburger-menu span:nth-child(3) {
      top: 16px;
    }
    .mobile-menu-toggle .hamburger-menu.active span:nth-child(1) {
      transform: rotate(45deg);
      top: 8px;
    }
    .mobile-menu-toggle .hamburger-menu.active span:nth-child(2) {
      opacity: 0;
    }
    .mobile-menu-toggle .hamburger-menu.active span:nth-child(3) {
      transform: rotate(-45deg);
      top: 8px;
    }
    
    .sidebar-menu {
      width: 100%;
      left: -100%;
    }
    .sidebar-menu.active {
      left: 0;
    }
    .sidebar-menu li {
      margin: 20px 0;
    }
    
    .footer-title {
      padding: 0;
    }
    
    .px_60 {
      padding: 0 15px;
    }
    
    .amenities-table tr {
      margin-bottom: 10px;
    }
    
    .amenities-table .icon-cell {
      padding: 10px;
      width: 50px;
    }
    
    .amenities-table .text-cell {
      font-size: 14px;
      padding: 10px 15px;
    }
    
    .amenities-table .icon-cell img {
      width: 30px;
    }
    
    .submit-btn {
      padding: 8px 25px;
      font-size: 14px;
    }
    
    .enquire_fixed_btn {
      position: fixed;
      bottom: 0;
      width: 100%;
      left: 0;
      background: #fff;
      display: flex;
      align-items: center;
      box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
    }
    .enquire_fixed_btn .side-b {
      flex: 1;
      text-align: center;
      position: relative;
    }
    .enquire_fixed_btn .side-b:not(:last-child):before {
      position: absolute;
      content: "";
      right: 0;
      height: 15px;
      background: rgba(0, 0, 0, 0.5254901961);
      width: 1px;
      top: 50%;
      transform: translateY(-50%);
    }
    .enquire_fixed_btn .side-b a {
      width: 100%;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 0.5px;
      padding: 10px;
      border: none;
    }
    .enquire_fixed_btn p {
      margin: 0;
    }

}

/* end of 768 */



/* Fallback for when animations don't fire */
.js-animation-fallback {
  .overview-content,
  .counter-item,
  .highlights-title,
  .highlights-image,
  .highlights-table tr,
  .highlights-flower,
  .price-list-flower,
  .price-list-title,
  .price-box,
  .location-row,
  .location-flower,
  .floor-plans-flower,
  .gallery-title,
  .gallery-flower,
  .gallery-slider-container {
      visibility: visible !important;
      opacity: 1 !important;
      transform: none !important;
  }
}


.location-multi-flowers {
  opacity: 0.1 !important;
}