@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');



/* Reset & Base Styles */

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



body {

  font-family: 'Poppins', sans-serif;

  color: #1a3318;

}



.mobileview{

	display:none;

}



/* Hero Section Container */

.hero-header {

    position: relative;

    width: 100%;

    background-image: url('../images/img 1.jpg');

    background-size: cover;

    background-repeat: no-repeat;

}

.hero-container {

  margin: 0 auto;

  display: flex;

  flex-direction: column;

}



/* Hero Stage Layout */

.hero-container {

    position: relative;

    width: 100%;

    margin: 0 auto;

    display: flex;

    justify-content: center;

	padding-bottom: 400px;

}

a.brand-logo {

    margin-left: 4%;

}



/* Top Navigation Bar */

.top-nav-bar {

    display: flex;

    justify-content: space-between;

    width: 100%;

	margin-top: 10px;

}



.brand-logo img {

  width: 70%;

  height: auto;

  display: block;

}



.nav-right-group {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  gap: 15px;

}



/* Reserved space for Logo 2 */

.logo-2-placeholder {

  min-width: 180px;

  min-height: 50px;

  display: flex;

  justify-content: flex-end;

  align-items: center;

}



/* Navigation Menu */

.main-nav {

  background-color: #2e7d32;

  padding: 10px 24px;

  border-radius: 2px;

}



.main-nav ul {

  display: flex;

  list-style: none;

  gap: 24px;

}



.main-nav ul li a {

  text-decoration: none;

  color: #fbfdfb;

  font-weight: 500;

  font-size: 18px;

  padding: 4px 8px;

  border-radius: 2px;

  transition: all 0.25s ease-in-out;

  display: inline-block;

  

}



/* Navigation Hover & Active States */

.main-nav ul li a:hover,

.main-nav ul li a.active {

  color: #feffff;

}



/* Hero Text Content */

.hero-content {

    margin-top: 50px;

    max-width: 100%;

	margin: 30px 0% 0px 4%;

}



.hero-title {

  display: flex;

  flex-direction: column;

  line-height: 1.05;

}



.title-sub {

  font-family: 'Poppins', sans-serif;

  font-size: 22px;

  font-weight: 700;

  color: #627f22;

  letter-spacing: 1px;

}



.title-main-top {

  font-family: 'Poppins', sans-serif;

  font-size: 38px;

  font-weight: 900;

  color: #627f22;

  letter-spacing: 1px;

}



.title-main-bottom {

  font-family: 'Cinzel', Georgia, serif;

  font-size: 60px !important;

  font-weight: 500;

  color: #627f22;

  text-transform: capitalize;

  font-size: 18px;

  

}



.hero-description {

    margin-top: 24px;

    font-family: 'Poppins', sans-serif;

    line-height: 1.6;

    color: #1a3318;

    font-weight: 500;

    width: 30%;

}



/* Carousel Indicators */

.hero-indicators {

  display: flex;

  gap: 6px;

  margin-top: 32px;

  display:none;

}



.indicator {

  height: 4px;

  border-radius: 2px;

}



.indicator.bar {

  width: 25px;

  background-color: #7d8b7b;

}



.indicator.active-bar {

  width: 25px;

  background-color: #e6a100;

}







/* Lead Form Section */

.lead-form-section {

    width: 100%;

    background-image: url('../images/brush.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    padding: 24px 0 80px 0;

}



.lead-form-container {

    width: 90%;

    margin: 0 auto;

    display: flex;

    align-items: center;

    gap: 41px;

}



/* Form Container Layout */

.lead-form {

    display: flex;

    flex-direction: column;

    gap: 16px;

    width: 70%;

}



/* Top Row Inputs */

.form-row-top {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 16px;

}



.form-row-top input,

.form-row-middle textarea,

.captcha-input {

  width: 100%;

  padding: 10px 16px;

  border-radius: 6px;

  border: 1px solid transparent;

  outline: none;

  font-family: 'Poppins', sans-serif;

  font-size: 20px;

  color: #1a3318;

  background-color: #ffffff;

}



.captcha-input {

	 font-size: 14px;

	 width: 50%;

}





.form-row-top input::placeholder,

.form-row-middle textarea::placeholder,

.captcha-input::placeholder {

  color: #6b7280;

}



.form-row-middle textarea {

  resize: vertical;

  min-height: 80px;

}



/* Bottom Row: Captcha & Submit Button */

.form-row-bottom {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 20px;

  margin-top: 4px;

}



/* Captcha Components */

.captcha-group {

  display: flex;

  align-items: center;

  gap: 12px;

}



.captcha-box {

  background-color: #1a73e8;

  background-image: radial-gradient(#ffffff 15%, transparent 16%);

  background-size: 8px 8px;

  padding: 6px 16px;

  border-radius: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  user-select: none;

}



.captcha-code {

  font-family: 'Comic Sans MS', 'Chalkboard SE', cursive, sans-serif;

  font-size: 20px;

  font-weight: 700;

  color: #ffffff;

  letter-spacing: 3px;

  font-style: italic;

  text-decoration: line-through;

}

 .contact-form__honeypot {

    position: absolute;

    left: -9999px;

    width: 1px;

    height: 1px;

    overflow: hidden;

}

.captcha-refresh-btn {

  background-color: #ffffff;

  border: none;

  border-radius: 4px;

  /*width: 36px;

  height: 36px;*/

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  color: #4b5563;

  transition: background-color 0.2s;

      padding: 5px 8px;

}



.captcha-refresh-btn:hover {

  background-color: #f3f4f6;

}







/* Submit Button */

.submit-btn {

  background-color: #edb717;

  color: #1a3318;

  border: none;

  border-radius: 6px;

  padding: 10px 24px;

  font-family: 'Poppins', sans-serif;

  font-size: 18px;

  font-weight: 600;

  display: flex;

  align-items: center;

  gap: 10px;

  cursor: pointer;

  transition: background-color 0.25s ease;

}



.submit-btn:hover {

  background-color: #d49400;

}



.submit-arrow-icon {

  width: 16px;

  height: 16px;

  object-fit: contain;

}



/* Right Side Text Callout */

.lead-text-callout h2 {

  color: #ffffff;

  font-family: 'Poppins', sans-serif;

  font-size: 28px;

  font-weight: 600;

  line-height: 1.35;

  letter-spacing: 0.5px;

}



/* Container Scaffolding */

.about-features-section {

  width: 100%;

  padding: 40px 0%;

  box-sizing: border-box;

}



.section-container {

    margin: 0 auto;

    width: 100%;

}



/* Info Blocks (Top & Bottom Layout) */

.info-block {

  display: flex;

  align-items: center;

  gap: 40px;

  margin-bottom: 40px;

}



.info-block .block-content,

.info-block .block-image {

  flex: 1;

}



.info-block .block-content, .info-block .block-image:nth-of-type(2n) {

    margin-left: 2%;

}



.info-block .block-image img {

  width: 100%;

  height: auto;

  border-radius: 12px;

  object-fit: cover;

}



.section-title {

    font-size: 30px;

    line-height: 1.3;

    color: #0a3b1e;

    margin-bottom: 16px;

	font-weight: 500;

}



.section-desc {

  font-size: 20px;

  line-height: 1.6;

  color: #555555;

}





/* Base Desktop Layout (4 Columns) */

.features-bar {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 20px;

  align-items: center;

  padding: 24px 32px;

  border-radius: 12px;

}



.feature-item {

  display: flex;

  align-items: center;

  gap: 16px;

  padding: 11px 20px;

  position: relative; /* Allows positioning of vertical lines relative to each item */

  cursor: pointer;

  transition: transform 0.2s ease;

}



/* Desktop Vertical Dividers (Added to items 1, 2, and 3) */

.feature-item:not(:last-child)::after {

    content: '';

    position: absolute;

    right: -10px;

    top: 50%;

    transform: translateY(-50%);

    width: 2px;

    height: 140px;

    background-color: #9c9c9c;

}



.feature-item:hover {

  transform: translateY(-2px);

}



.feature-text strong {

  font-size: 0.95rem;

  line-height: 1.25;

  color: #2c3e50;

  display: block;

}





/* Vertical Dividers for Desktop */

.feature-divider {

  width: 2px;

  height: 70px;

  background-color: #9c9c9c;

  justify-self: center;

}



/* --- Image Swap & Hover Logic --- */

.feature-icon {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  max-width: 100%;

  

}



.feature-icon img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  transition: opacity 0.3s ease-in-out;

}



.feature-icon .icon-default {

  opacity: 1;

}



.feature-icon .icon-hover {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

}



/* Trigger image swap on item hover */

.feature-item:hover .icon-default {

  opacity: 0;

}



.feature-item:hover .icon-hover {

  opacity: 1;

}







/* Container & Background */

.sanctuary-section {

  position: relative;

  width: 100%;

  margin: -20px auto;

  background-image: url('../images/texture.jpg');

  background-size: cover;

  background-position: center;

  overflow: visible;

  box-sizing: border-box;

}



/* Top Left Decorative Leaf  */

/* Top Left Decorative Leaf */

.decorative-leaf {

  position: absolute;

  top: -12px;

  left: 0;

  width: 17%;

  height: auto;

  z-index: 10;

  pointer-events: none;



  animation: floatLeafLeft 3s ease-in-out infinite alternate;

  transform-origin: bottom left;

}





/* Header Text */

.header {

  text-align: center;

  margin-bottom: 20px;

  position: relative;

  z-index: 2;

}



.header h2 {

  font-size: 2.8rem;

  color: #1a1a1a;

  font-weight: 500;

  margin-bottom: 6px;

  letter-spacing: 0.5px;

}



.header p {

  font-size: 1.15rem;

  color: #2b2b2b;

  font-weight: 600;

}







/* 4 Circular Plantation Badges Absolute Alignment */

.tree-badge {

  position: absolute;

  text-align: center;

  z-index: 6;

  width: 130px;

}



.tree-badge img {

  width: 140%;

  border-radius: 50%;

  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);

  display: block;

  margin: 0 auto 6px;

}



.tree-badge span {

  display: block;

  font-weight: 700;

  color: #111111;

  font-size: 0.9rem;

}



/* Exact Coordinates from Design Reference */

.badge-mahogany { top: 20px; left: 29%; }

.badge-sandalwood { top: 20px; right: 32%; }

.badge-red-sandal { top: 242px; left: 22%; }

.badge-teak { top: 242px; right: 26%; }







.sanctuary-section-hero-container {

    position: relative;

    width: 100%;

    margin: 0 auto;

    display: flex;

    justify-content: center;

    padding-bottom: 0;

}



/* Farmer Layer: Centered and overlapping landscape */

.farmer-img {

  position: absolute;

  bottom: 120px; /* Raised so he stands over the 3D plot */

  left: 50%;

  transform: translateX(-50%);

  width: 380px;

  height: auto;

  z-index: 5;

  pointer-events: none;

  top: 100px;

}



/* 3D Oval Landscape Base */

.landscape-arc {

  position: relative;

  width: 100%;

  border-radius: 0%;

  overflow: hidden;

  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.35);

  z-index: 3;

  margin-top: 400px;

}



.landscape-img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center bottom;

}



/* Floating Amenities Card */

.amenities-card {

  position: relative;

  z-index: 8;

  width: 90%;

  margin: -90px auto 20px; 

  background: #ffffff;

  border-radius: 20px;

  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);

  padding: 30px 20px;

}



/* Exact 2x5 Border Grid Setup */





.amenity-item {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  padding: 20px 10px;

  position: relative;

}



/* Vertical grid dividers */

.amenity-item:not(:nth-child(5n)) {

  border-right: 1px solid #e5e5e5;

}



/* Horizontal grid divider (Top row bottom border) */

.amenity-item:nth-child(-n+5) {

  border-bottom: 1px solid #e5e5e5;

}



.amenity-item img {



  margin-bottom: 12px;

  object-fit: contain;

}



.amenity-item span {

  font-size: 18px;

  font-weight: 600;

  color: #333333;

  line-height: 1.2;

}





/* Plot Layout Section Styling */

.plot-section {

  position: relative;

  width: 100%;

  margin: 0 auto;



}

.plotimg.webview img {

    width: 100%;

}



.plotimg.webview {

    width: 100%;

}



/* Dark Green Top Header Bar */

.top-bar {

    background-color: #1a5e07;

    color: #ffffff;

    display: flex;

    padding: 30px 50px;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);

    gap: 10%;

}



.main-title h2 {

    font-size: 35px;

    font-weight: 400;

    margin: 0;

    line-height: 1.25;

}



/* Exotic Fruits Flex Grid */

.exotic-fruits-container {

  display: flex;

  align-items: center;

  gap: 30px;

}



.category-title {

    display: flex;

    flex-direction: column;

    color: #f1c00f;

    font-size: 35px;

    font-weight: 600;

    line-height: 1.1;

}



.fruit-list {

  display: flex;

  gap: 20px;

  padding-left: 25px;

}



.fruit-column {

    display: flex;

    flex-direction: column;

    border-left: 2px solid #fff;

    padding-left: 20px;

}



.fruit-column span {

    font-size: 19px;

    font-weight: 400;

    white-space: nowrap;

}





/* Compass Rose Graphic */

 .compass-rose {

    position: absolute;

    top: 200px;

    left: 6%;

    width: 90px;

    height: 90px;

}



.compass-rose span {

  position: absolute;

  color: #ffffff;

  font-weight: bold;

  font-size: 1.1rem;

  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);

}



.compass-rose .north { top: -20px; left: 50%; transform: translateX(-50%); }

.compass-rose .south { bottom: -5px; left: 50%; transform: translateX(-50%); }

.compass-rose .west { left: -5px; top: 50%; transform: translateY(-50%); }

.compass-rose .east { right: -5px; top: 50%; transform: translateY(-50%); }



.compass-rose .star {

  width: 100%;

  height: 100%;

  background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 70%);

  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);

  background-color: #ffffff;

}



/* Bottom Left QR Container */

.qr-container {

  position: absolute;

  bottom: 30px;

  left: 40px;

  background: #ffffff;

  padding: 8px;

  border-radius: 4px;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

}



.qr-code {

  width: 100px;

  height: 100px;

  display: block;

}



/* Bottom Right Yellow Badge Circle */

.badge-circle {

  position: absolute;

  bottom: 25px;

  right: 40px;

  width: 150px;

  height: 150px;

  background-color: #ffcc00;

  border-radius: 50%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);

  padding: 10px;

}



.badge-circle span {

  color: #000000;

  font-weight: 800;

  font-size: 0.95rem;

  line-height: 1.25;

}





/* Footer Styles */

.site-footer {

  width: 100%;

  background-color: #ffffff;

  color: #1a1a1a;

  border-top: 1px solid #e5e5e5;

  box-sizing: border-box;

}



.footer-container {

  width:100%;

  margin: 0 auto;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  padding: 40px 20px;

  box-sizing: border-box;

}



.footer-column {

  padding: 0 30px;

  position: relative;

}



/* Vertical Dividers between columns */

.footer-column:not(:last-child)::after {

    content: '';

    position: absolute;

    right: 0;

    top: -28px;

    height: 210px;

    width: 1px;

    background-color: #d1d1d1;

}



.footer-column h3 {
  font-size: 1.25rem;

  font-weight: 700;

  margin-bottom: 16px;

  color: #111111;

}



.footer-column p {

    font-size: 18px;

    line-height: 1.5;

    color: #333333;

    margin: 0;

    font-weight: 500;

}



/* Contact Details */

.contact-info {

  display: flex;

  flex-direction: column;

  gap: 12px;

}



.contact-item {

    display: flex;

    align-items: center;

    gap: 10px;

    text-decoration: none;

    color: #111111;

    font-size: 23px;

    font-weight: 700;

    transition: opacity 0.2s ease;

}



.contact-item:hover {

  opacity: 0.8;

}



.contact-icon {

  width: 22px;

  height: 22px;

  object-fit: contain;

  flex-shrink: 0;

}



.contact-item .phone-number {

    font-size: 35px;

    font-weight: 700;

    letter-spacing: -1.5px;

}



/* Bottom Black Bar */

.copyright-bar {

  background-color: #000000;

  color: #ffffff;

  text-align: center;

  padding: 12px 20px;

}

.copyright-bar a {

    color: #fff;

    text-decoration: none;

}

.copyright-bar p {

  margin: 0;

  font-size: 0.85rem;

  font-weight: 600;

  letter-spacing: 0.3px;

}





.footer-social{

	margin-top:20px;

}



.footer-social a{

	padding:10px;

}





.footer-social a img {

    padding: 5px;

    background-color: #328008;

    border-radius: 12px;

}



/* Floating Amenities Card */

.amenities-card {

  position: relative;

  z-index: 8;

  width: 90%;

  margin: -90px auto 20px; 

  background: #ffffff;

  border-radius: 20px;

  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);

  padding: 30px 20px;

}



/* Exact 2x5 Border Grid Setup */

.amenities-grid {

    display: grid !important;

    grid-template-columns: repeat(5, 1fr) !important;

    grid-template-rows: repeat(2, auto) !important;

    width: 100%;

    max-width: 100%;

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    overflow: visible;

	 margin-bottom: 40px;

}



.amenity-item {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  padding: 20px 10px;

  position: relative;

}



/* Vertical grid dividers */

.amenity-item:not(:nth-child(5n)) {

  border-right: 1px solid #e5e5e5;

}



/* Horizontal grid divider (Top row bottom border) */

.amenity-item:nth-child(-n+5) {

  border-bottom: 1px solid #e5e5e5;

}



.amenity-item img {



  margin-bottom: 12px;

  object-fit: contain;

}



.amenity-item span {

  font-size: 18px;

  font-weight: 600;

  color: #333333;

  line-height: 1.2;

}





@media (max-width: 999px){



.hero-header {

    background-size: cover;

}





.top-bar {

    gap: 3%;

}



.main-title h2 {

    font-size: 25px;

}



.fruit-list {

    padding-left: 0px; 

}



.plot-section {

    background-size: cover;



}



}





@media (max-width: 999px){

.main {

    width: 96%;

    margin: auto;

}

.features-bar {

    grid-template-columns: repeat(2, 1fr);

}



.feature-item {

    margin-top: 20px;

}



.feature-item:nth-of-type(2n)::after {

    display:none;

}

.badge-mahogany {

    top: 20px;

    left: 15%;

}

.badge-sandalwood {

    top: 20px;

    right: 20%;

}

.badge-red-sandal {

    top: 242px;

    left: 15%;

}

	.badge-teak {

    top: 242px;

    right: 15%;

}

}







@media (max-width: 900px){



.top-bar{

    display: block; 

}

.main-title {

    text-align: center;

    margin: 0px 0px 20px 0%;

}

.contact-item{font-size:20px;}

	

}





@media (max-width: 767px){

	

	.webview{

		display:none;

	}



	.mobileview{

		display:block;

	}



	.main-nav {

		display: none;

	}

	.logo-2-placeholder img{

		width:70%;

	}

		

    .hero-header {

        background-image: url('../images/plot-1-mobile.jpg');

        background-position: center;

    }

	.logo-2-placeholder{ justify-content: flex-start;}

	 .hamburger {

        position: absolute;

        top: 20px;

        right: 0%;

        width: 11%;

    }



    .hambermenuimg {

        width: 85%;

        display: block;

        cursor: pointer;

        position: relative;

    }





	.hamburger ul {

		display: none;

		position: absolute;

		top: 45px;

		right: 0;

		width: 150px;

		margin: 0;

		padding: 10px 0;

		list-style: none;

		background: #315d2b;

		z-index: 999999;

	}





	.hamburger ul.menu-open {

		display: block;

	}





	.hamburger ul li {

		display: block;

		margin: 0;

		padding: 0;

	}



	.hamburger ul li a {

		display: block;

		padding: 13px 20px;

		color: #ffffff !important;

		text-decoration: none;

		font-family: 'Poppins', sans-serif;

		font-size: 15px;

		font-weight: 500;

	}



	.hamburger ul li a:hover {

		background: #244a20;

		color: #ffffff !important;

	}



	

	

	

	

	.hambermenuimg {

		width: 59%;

	}



	.hero-content {

		margin: 280px 4% 0px 4%;

		text-align: center;

	}

	

	

	.hero-container{

		padding-bottom: 0px;

	}



	.hero-title {

		display: inline-block;

	}



	.title-sub {

		color: #fefffd;



	}

	.title-main-top {

		color: #fefffd;



	}

	.title-main-bottom {

		color: #fefffd;

	}



	.hero-description

	 {

		color: #fefffd;

		width:100%;



	}



	.hero-indicators {

		display: block;

		gap: 0px;

		margin-top: 65px;

	}

	

	.submit-btn {

		margin-top: 20px;

	}

	

	.form-row-bottom {

		display: block;

		margin-top: 5px;

	}



	.lead-form-container {

		display: block;



	}



	.lead-form {

		width: 100%;

	}



	.lead-form-section {

		background-image: url('../images/brush(mobile).png');

		padding: 21px 0 180px 0;

		background-position;bottom center;

	}





	.lead-text-callout.mobileview

	 {

		text-align: center;

		margin: 10px 0% 0px 0%;

	}





	.info-block {

		display: block;

		margin:0px;

	}





	.section-title {

		font-size: 22px;

		color: #04391b;

		font-weight: 500;

		text-align:center;

	}



	.section-desc {

		font-size: 1rem;

		line-height: 1.6;

		color: #555555;

		

	}



  .features-bar {

    grid-template-columns: repeat(2, 1fr);

    gap: 32px 0;                         

    padding: 20px 10px;

  }



  .feature-item {

    flex-direction: column;

    text-align: center;

    gap: 10px;

    padding: 0 15px;

  }



  .feature-item:not(:last-child)::after {

    display: none;

  }



  .feature-item:nth-child(odd)::after {

    display: block;

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 70px;

    background-color: #9c9c9c;

  }

  

  h2.section-title.mobileview {

    text-align: start;

    

}





	.sanctuary-section {

		background-image: url('../images/textire-mobile.png');



	}



	.tree-badge img {

		width: 70%;

		border-radius: 50%;

		box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);

		display: block;

		margin: 0 auto 6px;

	}







	.farmer-img {

		width: 40%;

		top: 26px;

	}



	.landscape-arc {

		margin-top: 273px;

	}





	.exotic-fruits-container {

		display: block;

	}



	.category-title {

		display: block;

		font-size: 27px;

		text-align: center;

	}



	.plot-section {

		background-image: none;

		padding-bottom: 0%;



	}



	.plotimg img{

		width:100%;

	}





	.top-bar {

		flex-direction: column;

		align-items: center;

		text-align: center;

		padding: 35px 20px;

		gap: 20px;

	  }

  .main-title h2 {

    font-size: 26px;

    font-weight: 700;

    line-height: 1.3;

  }



  .exotic-fruits-container {

    flex-direction: column;

    align-items: center;

    gap: 16px;

    width: 100%;

  }



  .category-title {

    flex-direction: row;

    gap: 8px;

    font-size: 22px;

    font-weight: 600;

    color: #f1c00f;

  }





  .fruit-list {

    display: grid;
    grid-template-columns: repeat(2, 1fr);

    padding-left: 0;

    gap: 12px 0;

    width: 100%;

  }





  .fruit-column {

    border-left: none;

    padding-left: 0;

    display: contents; 

  }



  .fruit-column span {

    font-size: 18px;

    font-weight: 500;

  }



  /* Align Left Column Items to Right, Right Column Items to Left */

  .fruit-column span:nth-child(odd) {

    text-align: right;

    padding-right: 16px;

  }



  .fruit-column span:nth-child(even) {

    text-align: left;

    padding-left: 16px;

  }

  

  .badge{

	  text-align:center;

	  background-color:#d5ee32;

	  margin-top:-10px;

  }

	.badge p{

        text-align: center;

        padding: 20px 0%;

		font-weight:700;

    }

	

	

	.footer-container {

		display: block;

		grid-template-columns: 1fr;

		text-align: center;

	}



	.footer-column:not(:last-child)::after {

		display:none;

	}





    .footer-column h3 {

        margin-top: 23px;

        margin-bottom: 0px;

    }



	.contact-item{

		display: block;

	}

	

	.qr-container .mobileview{

		display:block;

	}

	

	.qr-container {

    position: static;

    border-radius: 0;

    box-shadow: none;

}

	

    .qr-code {

        display: inline-block;

    }



	.badge-mahogany {

		top: 20px;

		left: 15%;

	}

	

	.badge-sandalwood {

		top: 20px;

		right: 15%;

	}

	

	.badge-red-sandal {

		top: 180px;

		left: 5%;

	}

	

	.badge-teak {

		top: 180px;

		right: 5%;

	}

	



     .amenities-card {

        position: relative;

        width: 100%;

    }



   #facilities {

        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        position: relative !important;

        overflow: hidden !important;

    }



    /* Owl wrapper */

    #facilities .owl-stage-outer {

        overflow: hidden !important;

        width: 100% !important;

    }



    #facilities .owl-stage {

        display: flex !important;

    }



    #facilities .owl-item {

        display: flex !important;

        justify-content: center !important;

    }



    /* Individual item */

    #facilities .amenity-item {

        width: 100% !important;

        min-width: 0 !important;

        max-width: none !important;



        height: auto !important;

        min-height: auto !important;



        margin: 0 !important;

        padding: 8px !important;



        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        justify-content: center !important;



        box-sizing: border-box !important;



        border: 0 !important;

        transform: none !important;

    }



    #facilities .amenity-item img {

        margin: 0 0 7px !important;

        object-fit: contain !important;

    }



    #facilities .amenity-item span {

        font-size: 14px !important;

        line-height: 1.2 !important;

        font-weight: 500 !important;

        white-space: nowrap !important;

    }





    /* =========================

       PREVIOUS / NEXT

       ========================= */



    #facilities .owl-nav {

        display: flex !important;



        position: absolute !important;



        left: 0 !important;

        right: 0 !important;

        top: 50% !important;



        width: 100% !important;



        transform: translateY(-50%) !important;



        justify-content: space-between !important;

        align-items: center !important;



        z-index: 100 !important;



       

    }



    #facilities .owl-nav button {

        display: flex !important;



        width: 35px !important;

        height: 35px !important;



        margin: 0 !important;

        padding: 0 !important;



        align-items: center !important;

        justify-content: center !important;



        background: transparent !important;

        border: none !important;



        pointer-events: auto !important;



        cursor: pointer !important;

    }



    #facilities .owl-nav button img {

        display: block !important;



        width: 24px !important;

        height: 24px !important;



        object-fit: contain !important;

    }



    #facilities .owl-prev {

        margin-left: 2px !important;

    }



    #facilities .owl-next {

        margin-right: 2px !important;

    }



    #facilities .owl-dots {

        display: none !important;

    }









.amenity-item:not(:last-child) {

        border-right: 1px solid #d5d5d5 !important;

		padding-top: 20px;

    }



    .amenity-item img {

        margin: 0 0 7px;

        object-fit: contain;

    }



    .amenity-item span {

        font-size: 14px;

        line-height: 1.2;

        font-weight: 500;

        white-space: nowrap;

    }





.top-nav-bar{margin-top: 20px;}



.nav-right-group {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    gap: 15px;

}



.badge-mahogany{display:none;}

	.badge-sandalwood{display:none;}

	.badge-red-sandal{display:none;}

	.badge-teak{display:none}

	.farmer-img{width:100%;top:0px;}

	.landscape-img{display:none;}

	.amenities-card{    margin: 250px auto 20px;}

	.footer-social {

    margin-top: 20px;

    display: flex;

    align-items: center;

    align-content: space-between;

    justify-content: center;

}





}





/* Sanctuary Leaf Animation */

@keyframes floatLeafLeft {

  0% {

    transform: rotate(0deg) translateY(0);

  }



  50% {

    transform: rotate(-4deg) translateY(-8px);

  }



  100% {

    transform: rotate(-7deg) translateY(-12px);

  }

}



@media (max-width: 500px){

	.badge-mahogany{display:none;}

	.badge-sandalwood{display:none;}

	.badge-red-sandal{display:none;}

	.badge-teak{display:none}

	.farmer-img{width:100%;top:0px;}

	.landscape-img{display:none;}

	.amenities-card{ margin: 70px auto 20px;}

  .form-row-top {

        grid-template-columns: 1fr;

    }

	

}

@media (max-width: 400px){

.title-main-bottom{font-size:50px !important;}

.contact-item .phone-number {

font-size: 28px;}

    .contact-item {

        font-size: 18px;

    }

	    .amenities-card {

        margin: 10px auto 20px;

    }

}