:root {
    --primary-color: #55407d; /* Deep Purple */
    --text-color: #000;      /* Black */
    --light-bg: #f4f4f9;
    --hover-color: #6a539b;  /* Slightly lighter purple for hover */
    --answer-bg: #f0f0f5;    /* Light grayish-purple for answer background */
    --card-bg: #e6e0f0;      /* Light Purple for Cards */
}
body {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif  !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 1.4em !important;
color: #333333 !important;
background: #fff !important;
}
 
.bottom-query {
width: 100%;
padding: 15px 0;
position: fixed;
bottom: 0;
z-index: 99;
display: none;
}

.bottom-query .bottom-query-box {
width: 16%;
margin-right: 18px;
float: left;
position: relative;
}
.bottom-query .bottom-query-box.float_L.contactsel{
    width: 26%;	
	}

.bottom-query .bottom-query-box-image {
float: left;
background: #fff none repeat scroll 0 0;
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
padding: 2px;
}

.bottom-query .enquiry-text-respon {
color: #fff;
font-size: 22px;
font-family: 'montserratsemibold';
font-weight: 600;
float: left;
margin-left: 17px;
margin-top: 5px;	
}

.bottom-query .bottom-query-box input[type="text"] {
height: 40px;
border-radius: 0;
width: 100%;
}

.bottom-query .bottom-query-box input[type="email"] {
height: 40px;
border-radius: 0;
width: 100%;
}

.bottom-query button[type="submit"] {
background: #000;
border: none;
color: #fff;
width: 100%;
font-family: 'montserratregular';
padding: 8px 0;
font-size: 17px;
}

.site-visit-popup {
width: 600px;
margin: 30px auto;
}
.site-visit-popup .popup-bg {
width: 100%;
float: left;
background-color: #fff;
position: relative;
padding: 0;
border-radius: 0;
}
.site-visit-popup .popup-bg .close {
position: absolute;
float: left;
text-align: center;
width: 25px;
height: 25px;
font-size: 20px;
background-color: #dcdcdc;
border-radius: 100px;
top: -7px;
right: -8px;
line-height: 20px;
cursor: pointer;
}

.site-visit-popup article {
width: 45%;
float: left;
min-height: 396px;
padding: 13px;
position: relative;
text-align: center;
}
.site-visit-popup article figure {
padding: 40px 0;
}
.site-visit-popup article img {
width: 120px;
}
.site-visit-popup article h5 {
color: #fff;
line-height: 22px;
}
.site-visit-popup h5 {
text-transform: uppercase;
font-weight: 600;
}
.site-visit-popup article p {
color: #fff;
padding-bottom: 20px;
}
.site-visit-popup aside {
width: 55%;
float: left;
padding: 20px;
}
.site-visit-popup .input-box {
width: 100%;
float: left;
position: relative;
}
.site-visit-popup aside .input {
margin-bottom: 15px;
padding-left: 36px;
border: 1px solid #d4d4d4;
height: 40px;
}
.site-visit-popup .submit-btn .btn {
background: #292f33;
border-color: #292f33;	
width: 100%;
color: #fff;	
text-transform: uppercase;
}

.site-visit-popup .input-box .fa-user {
float: left;
left: 10px;
top: 13px;
position: absolute;	
}

.site-visit-popup .input-box .fa-envelope{
float: left;
left: 10px;
top: 13px;
position: absolute;	
}


.bid-site-visit {
display: none;
width: 100%;
float: left;
position: fixed;
bottom: 0;
left: 0;
line-height: 0px;
color: #FFF;
z-index: 7;
font-weight: 500;
opecity: 0;
}
.bid-site-visit .btn {
width: 50%;
float: left;
border-radius: 0;
text-transform: uppercase;
font-size: 11px;
padding: 4px 32px 0px 0px;
background: #55407d;
color: #fff !important;
border-right: 1px solid #000;
height: 45px;
line-height: 14px;
}
.bid-site-visit .btn.in {
background: #55407d;
color: #fff !important;
width: 50%;
height: 45px;
border: none;
padding-top: 3px;
padding-left: 55px;
}

.onload .modal-dialog {
width: 450px;
}
.onload .modal-body {
padding: 0px;
overflow: hidden;
}

.onload .modal-content .close {
position: absolute;
right: -7px;
background: #000;
opacity: 1;
color: #fff;
padding: 3px 8px;
border-radius: 100%;
top: -7px;
}

.onload .modal-footer span.get-off {
float: left;
margin-bottom: 0;
padding-bottom: 6px;
padding-left: 20px;
text-align: center;
width: 100%;
font-weight: 700;
}

.onload .modal-footer .phone_flag {
padding-left: 14px !important;
float: right;
width: 62% !important;
border-radius: 0px 4px 4px 0px;	
}

.onload .modal-footer span.select2{
float: left;
background: #fff;
width: 38% !important;
height: 34px;
border: 1px solid #ccc;
border-radius: 4px 0px 0px 4px;	
	}

.onload .modal-footer .col-sm-6.form-field  {
width: 50%;
position: relative;
}

.onload .modal-footer .col-sm-6.form-field  .cc-picker.cc-picker-code-select-enabled{
position: absolute;
left: 25px;
top: 10px;	
}

.onload .modal-footer  input[type="submit"] {
padding: 0px 39px;
height: 40px;
color: #fff;
font-weight: 500;
border-radius: 3px;
}

.adclcallnow {
float: left;
width: 100%;
text-align: center;
padding: 10px 0;
}

.new-amenities {
float: left;
width: 100%;	

}

.new-amenities ul {
float: left;
width: 100%;
padding-left: 0px;	

}

.new-amenities ul  .fix-div {
float: left;
width: 100%;	
}
.new-amenities ul  .fix-div li {
width: 12%;
float: left;	
font-size: 13px;
list-style: none;
text-align: center;
padding: 40px 0px;	
min-height: 201px;	
}

.new-amenities ul .fix-div li.extra_amenities{
display:none;	
	}

.new-amenities ul  .fix-div li span {
margin-bottom: 8px;
width: 100%;
text-align: center;
display: block;	
}

.new-amenities ul  .fix-div li span img {
width: 62px;
height: 62px;	
}

.loading-more {
float: left;
clear: both;
width: 100%;
text-align: center;
}

.loading-more #loadMore{
padding: 9px 13px;
color: #fff;
cursor: pointer;	
font-size: 14px;	
}

.loading-more #loadMoree{
padding: 9px 13px;
color: #fff;
cursor: pointer;	
font-size: 14px;	
}

.error {
color: #ae1d1d;
font-size: 10px;
margin: 0px 0px 0px 0px !important;
float: left;
width: 100%;
height: 25px;
padding: 5px 0px 5px 0px;
font-weight: bold;
text-align: left;
}
.navbar.navbar-fixed-top.navigation{
padding: 0 40px;	
}

section#banner-block .banner-form .home-form-div .cc-picker.cc-picker-code-select-enabled{
position: absolute;
left: 10px;
top: 10px;	
}
span.lg-fullscreen {
display: none;		
}
span.lg-autoplay-button {
display: none;		
}
span#lg-actual-size {
display: none;		
}
span#lg-share {
display: none;		
}
a#lg-download{
display: none;		
}
/*.myListt li{ display:none;
}*/
/*.myList li{ display:none;
}*/

.copyright-text p a {
margin-left: 8px;	
}


@media (max-width: 1800px) and (min-width: 480px){
.bid-site-visit {
display: none !important;
}
}


@media (max-width: 1600px) and (min-width: 480px){
.bid-site-visit {
display: none !important;
}
}

@media only screen and (max-width: 1450px) {
.navigation .nav{
margin-right: 9px;		
}
header .header .head-area .phone-popup{
width: 35%;		
}
header .header .head-area .phone-popup .schedule-request{
width: 57%;		
}	
header .header .head-area .navigation .nav li a{
padding: 10px 12px;
font-size: 13px;	
}
header .header .head-area .phone-popup .schedule-request a{
font-size: 11px;
padding: 5px 11px 5px 25px;
margin: 0 5px;

}
header .header .head-area .phone-popup .phonenumber{
margin-top: 14px;
width: 43%;		
}
header .header .head-area .phone-popup .schedule-request a img{
left: 5px;		
}
.new-amenities ul .fix-div li{
min-height: 210px;		
}



}


@media only screen and (max-width: 1199px) {
.navbar.navbar-fixed-top.navigation{
padding: 0 13px;		
}
.navigation .nav{
display: none;		
}	

header .header .head-area a.navbar-brand {
width: 75%;		
}
header .header .head-area a.navbar-brand img.logo {
width: 100%;		
}	
header .header .head-area .navigation .nav li a {
padding: 10px 4px;
font-size: 13px;		
}	

header .header .head-area .phone-popup {
width: 43%;		
}

header .header .head-area .phone-popup .schedule-request {
width: 59%;		
}
header .header .head-area .phone-popup .phonenumber{
width: 40%;		
}	


section#banner-block .banner-form{
top: 80px;
right: 40px;
padding: 9px;	
}
section#banner-block .banner-form h5 {
margin-top: 0;
padding-bottom: 0px;
font-size: 18px;
}
section#banner-block .banner-form p {
font-size: 12px;
padding: 0px;
}
section#banner-block .banner-form .col-sm-6.form-field {
margin-bottom: 10px;		
}
section#banner-block .banner-form .phone-no {
margin-top: 10px;
margin-bottom: 4px;		
}	
section#banner-block .banner-form .phone-no a{
font-size: 20		
}
.error{
height: 13px;		
}
section.booking-section .config{
width: 100%;		
}
section#gallery .demo-gallery > ul > li {
width: 31.333%;
margin: 10px 10px;	
}
.sub-footer{
padding-bottom: 95px;		
}
.bottom-query .bottom-query-box {
width: 20%;
margin-right: 5px;	
}

.bottom-query-box.float_L.sumo{
width: 15%;		
}
section.developer-section .developer-detail .left-developer span.dev-logo {
width: 42%;	
}
section.blog-section .blog-list .blog-faster .blog-img-list img {
height: 130px;		
}
section.blog-section .blog-list .blog-faster .blog-img-list {
height: 130px;		
	}	

}

@media only screen and (max-width: 991px) {
header .header .head-area .phone-popup{
width: 58%;		
}
section#banner-block .left-content{
top: 154px;	
bottom: inherit;	
}
section#banner-block .banner-form {
top: inherit;
right: inherit;
padding: 20px;
position: inherit;
width: 100%;
float: left;
background: #333;
border: navajowhite;
}
section#banner-block .banner-form h5 {
font-size: 22px;
color: #fff;		
}
section#banner-block .banner-form p {
color: #fff;
font-size: 13px;
}
section#banner-block .banner-form button.btn-primary{
font-size: 20px;		
}
section#banner-block .banner-form .phone-no a {
color: #fff;
border-color: #fff;	
}
section.booking-section .config .box {
width: 50%;		
}
section.booking-section .config .box.in {
width: 50%;
}
section.overview-cls .overview-section{
padding: 0 30px;		
}
section#gallery .demo-gallery > ul > li {
width: 31.333%;
margin: 6px 6px;
}	
section.developer-section .gettouch{
margin: 0px;		
}
section.blog-section .blog-list {
padding: 30px 30px;		
}
.bottom-query.active.hidden-xs.hidden-sm{
display: block !important;		
}
.bottom-query-box.float_L.sumo{
width: 12%;		
}
.bottom-query .enquiry-text-respon {
margin-left: 7px;
font-size: 14px;
}
section.scheduled .schedule .left{
width: 56%;		
}
.schedule .right a.schedule-btn{
margin-right: 0;		
}
.schedule .right {
margin-right: 10px;		
}	


}

@media only screen and (max-width: 767px) {
.navbar-toggle span.icon-bar {
background: #fff;		
}	
section#banner-block .banner-form {
position: inherit;
width: 100%;
top: inherit;
right: inherit;
background: #fff;
float: right;		
}
section#banner-block .left-content {
position: inherit;
bottom: inherit;
left: inherit;
float: left;
text-align: center;
width: 100%;
top: 0px;
background: #bd6e1c;
padding: 13px 20px
}	
.overlay-image{
display: none;		
}

header{
background: #000;		
}
section#banner-block .banner-run {
margin-top: 70px;		
}	

section#banner-block .left-content small{
display: none;		
}	
section#banner-block .left-content h1 {
font-size: 16px;
text-align: center;
margin-top: 4px;
}	
section#banner-block .left-content span {
font-size: 14px;
margin-top: 6px;
float: left;
text-align: center;
width: 100%;	
}
section#banner-block .left-content br{
display: none;		
}	
section#banner-block .banner-form {
background: #333;		
}
section#banner-block .banner-form h5 {
color: #fff;		
}
section#banner-block .banner-form p {
color: #fff;		
}
section#banner-block .banner-form .phone-no  {
display: none;		
}
section.booking-section{
background: none !important;		
}	

section.booking-section .config .box{
width: 50%;
}
section.booking-section .config .box span {
border: none;
font-size: 16px;
color: #000;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
padding-top: 0;
float: left;
}
section.booking-section .config .box.in.onreq{
display: none;		
}
section.booking-section .config .box.in {
width: 100%;
background: #bd6e1c;
float: left;
color: #fff;		
}
section.booking-section .config .box.in span {
color: #fff;
font-size: 22px;		
}	
section.booking-section .config {
width: 100%;		
}
section.flog #configuration article {
margin-left: 7%;
width: 89%;
padding: 20px 2px;	
}
section.flog #configuration article aside{
width: 100%;		
}
section.flog #configuration article aside .box2{
border-right: none;		
}
section.flog #configuration article aside .box2 span {
font-size: 11px !important;		
}
section.keyfeature .kerock .prebook article aside {
width: 100%;		
}
.prebook article aside .box1{
width: 8% !important;
padding-bottom: 7px;
line-height: 36px;
margin-left: 4%;		
}	
.prebook article aside .box2 {
border: none;
width: 80%;
float: right;
text-align: left;
}
section.keyfeature .kerock .prebook article{
border-bottom: none;		
}	
section.keyfeature .kerock .prebook article aside .box2{
border-right: none;
text-align: left;
margin-left: 12px;	
}
section.overview-cls .overview-section {
width: 95%;
padding: 0 21px;		
}



section.download-builder .boxes .info-box {
width: 91%;
min-height: auto;
margin: 7px 14px;
padding: 0px;	
}
section.download-builder .boxes .none {
display: none;		
}	
section.download-builder .boxes .info-box h3 {
font-size: 14px;
}	
section.config-section-price table tr {
border-bottom: 15px solid #fff;
}
section.config-section-price table tr th{
display: none;		
}
section.config-section-price table tr td {
font-size: 14px;
padding: 10px 5px;
height: auto;
width: 100%;
float: left;	
background: #f57419;
font-weight: bold;		
}
section.config-section-price table {
width: 87%;
margin: 0 20px;	
}	
section.scheduled .schedule{
width: 83%;
margin: 0 30px;		
}
section.scheduled .schedule img.schedule-icon {
display: none;		
}
section.scheduled .schedule .left {
width: 100%;
padding: 20px 13px 0;		
}
.schedule .right{
width: 100%;
text-align: center;		
}
.schedule .right a.schedule-btn {
font-size: 14px;
margin: 20px 0;		
}	
section#gallery .demo-gallery > ul > li{
margin: 9px 0px;
width: 100%;	
}	
header .header .head-area a.navbar-brand img{
width: 83px !important;
padding: 0;
float: left;
margin: 12px 10px;	
}
section.blog-section .blog-list ul.blog-fast li {
width: 100%;
padding: 0 16px;
height: 400px;
margin-bottom: 30px;
}
section.blog-section .blog-list {
float: left;
height: auto;
padding: 0 40px;
list-style: none;
position: relative;
width: 100%;
margin-bottom: 30px;
}	
section.blog-section .blog-list ul.blog-fast{
padding-left: 0;		
}
section.developer-section .developer-detail .left-developer span.dev-logo img {
width: 80px;
}	
section.developer-section .developer-detail .left-developer h3 {
font-size: 15px;
padding: 0;
margin-top: 8px;
}
section.developer-section .gettouch{
margin: 0px;		
}	
span.lg-fullscreen {
display: none;		
}
span.lg-autoplay-button {
display: none;		
}
span#lg-actual-size {
display: none;		
}
span#lg-share {
display: none;		
}
a#lg-download{
display: none;		
}
ul.navbar-nav{
background: #000;
margin-right: 0px !important;
width: 100%;
display: block !important;	
}
ul.navbar-nav  li a {
font-size: 13px !important;	
padding: 10px 12px !important;	
border-bottom: 1px solid rgba(255, 255, 255, 0.3);	
}
.phone-popup {
display: none;		
}
.site-visit-popup {
width: 90% !important;
}
.site-visit-popup article {
display: none;
}	
.site-visit-popup aside {
width: 100% !important;
}	
.onload .modal-dialog {
width: 94%;
}	
.onload .modal-body img {
width: 100%;
}
section#gallery .row {
margin-right: 0px;
margin-left: 0px;		
}	
.new-amenities {
padding: 0 11px;	
}
.new-amenities ul .fix-div li {
width: 33%;
min-height: 160px;
padding: 19px 6px;	
}
/*.new-amenities ul .fix-div li.extra_amenities {
display: none;		
}*/
.onload .modal-footer .form-field input[type="text"] {
width: 100%;
margin: 0px 0px 5px;
}
.new-amenities ul.second-row{
display: none;		
}
.navbar.navbar-fixed-top.navigation{
padding: 0 10px;		
}
/*.new-amenities ul .fix-div li.extra_amenities{
display: none !important;		
}*/
/*.loading-more {
display: none;		
}*/
section#banner-block .banner-form{
border: none;		
}
.onload .modal-content .off img {
width: 100%;		
}
.onload .modal-footer .col-sm-6.form-field {
width: 100%;		
}
.bottom-query.active.hidden-xs.hidden-sm{
display: none !important
}

section.developer-section .gettouch span.wpcf7-form-control-wrap input.phone_flag{
width: 69%;	
}

section.developer-section .gettouch span.wpcf7-form-control-wrap select {
width: 31%;
	}	
	
.bid-site-visit{
display:block;	
	}
	
section.developer-section .gettouch span.wpcf7-form-control-wrap span.select2 {
width: 31% !important;		
}
.sub-footer .elitelogo-channel-patner {
width: 100%;		
	}
.sub-footer {
padding-bottom: 40px;		
	}	
.loading-more {
margin-top: 10px;		
	}	

}
@media only screen and (max-width: 460px) {
}


.farmhouse-section {
    max-width: 100%; 
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Heading Styling (Using Deep Purple: #55407d) */
.main-title {
    color: #55407d; 
    font-size: 2.2em;
    border-bottom: 3px solid #ffd700; /* Gold accent retained */
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.sub-heading {
    color: #55407d; 
    font-size: 1.8em;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* Paragraph and List Text Styling (Set to Black: #000) */
.farmhouse-section p { 
    margin-bottom: 15px;
    font-size: 1.05em;
    color: #000;
}

/* Key Locations Box Styling */
.key-locations-container {
    background-color: #e6e0f0; /* Light Purple for the box background */
    padding: 20px;
    border-radius: 8px;
    border-left: 5px solid #55407d; /* Border set to Deep Purple */
    margin-top: 20px;
}

.key-locations-container h3 {
    color: #55407d; 
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 15px;
}

/* List Styling */
.key-locations-list {
    list-style: none;
    padding: 0;
}

.key-locations-list li {
    padding: 8px 0;
    border-bottom: 1px dashed #c3bfd5;
    font-size: 1.1em;
    color: #000;
}

.key-locations-list li:last-child {
    border-bottom: none;
}

/* Icons and Final Statement */
.icon-plane:before { content: '✈️'; margin-right: 10px; color: #ff6f00; font-weight: bold; }
.icon-road:before { content: '🛣️'; margin-right: 10px; color: #ff6f00; font-weight: bold; }
.icon-expo:before { content: '🏛️'; margin-right: 10px; color: #ff6f00; font-weight: bold; }
.icon-building:before { content: '🏢'; margin-right: 10px; color: #ff6f00; font-weight: bold; }
.icon-home:before { content: '🏡'; margin-right: 10px; color: #ff6f00; font-weight: bold; }

.value-statement {
    font-style: italic;
    text-align: center;
    margin-top: 20px;
    color: #000;
}

.demand-section {
    
    margin: 50px auto;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
   
}

/* Headings */
.main-title {
    color: var(--primary-color);
    font-size: 2.5em;
    border-bottom: 4px solid var(--primary-color);
    padding-bottom: 10px;
    margin-bottom: 30px;
    text-align: center;
}

.sub-heading {
    color: var(--primary-color);
    font-size: 1.8em;
    margin-top: 40px;
    margin-bottom: 20px;
    border-left: 5px solid var(--primary-color);
    padding-left: 10px;
}

/* Paragraphs */
.demand-section p {
    margin-bottom: 15px;
    font-size: 1.05em;
    color: var(--text-color);
}
.investment-note {
    font-style: italic;
    font-weight: bold;
    color: #444;
}

/* List Styles (General) */
.lifestyle-list, .plot-sizes-list, .benefits-list {
    list-style: none;
    padding: 0 0 10px 0;
    margin-bottom: 20px;
}
.lifestyle-list li, .benefits-list li {
    background: var(--card-bg);
    margin-bottom: 8px;
    padding: 10px 15px;
    border-radius: 6px;
    border-left: 3px solid var(--primary-color);
    font-weight: 500;
}
.benefits-list li:before {
    content: '✅ ';
    margin-right: 0px;
    color: var(--primary-color);
}


/* Location Cards (Flexbox Layout) */
.location-group {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap; /* For responsiveness */
}

.location-card {
    background: var(--light-bg);
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    flex: 1; /* Equal width */
    min-width: 280px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.card-title {
    color: var(--primary-color);
    font-size: 1.3em;
    margin-top: 0;
    border-bottom: 2px dashed var(--primary-color);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.location-details {
    list-style-type: none;
    padding-left: 0;
}
.location-details li {
    padding: 5px 0;
    color: var(--text-color);
}
.location-details li:before {
    content: '• ';
    color: #ff6f00; /* Accent color */
    font-weight: bold;
}

/* Plot Sizes Block */
.plots-info-block {
    background-color: var(--card-bg);
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.plot-sizes-list li {
    list-style: disc;
    margin-left: 20px;
    padding: 5px 0;
}
.highlight {
    font-weight: bold;
    color: var(--primary-color);
}

/* Responsive adjustment */
@media (max-width: 768px) {
    .location-group {
        flex-direction: column;
    }
}

.faq-container {
    max-width: 800px;
    margin: 40px auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.faq-title {
    text-align: center;
    color: var(--primary-color);
    font-size: 2em;
    border-bottom: 3px solid #ffd700;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

/* Individual FAQ Item Styling */
.faq-item {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    border-radius: 8px;
    overflow: hidden; /* Important for clean open/close transition */
}

/* Question Styling */
.faq-question {
    background-color: var(--primary-color);
    color: #fff; /* White text on purple background */
    padding: 15px 20px;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s;
}

.faq-question:hover {
    background-color: var(--hover-color);
}

/* Arrow/Indicator Icon */
.faq-question::after {
    content: '+'; /* Plus icon for closed state */
    font-size: 1.5em;
    font-weight: 900;
    line-height: 1;
    transition: transform 0.3s;
}

/* Arrow when the answer is open (controlled by jQuery adding 'active' class) */
.faq-question.active::after {
    content: '-'; /* Minus icon for open state */
    transform: rotate(0deg); 
}


/* Answer Styling (Hidden by default, shown by jQuery) */
.faq-answer {
    display: none; /* jQuery will override this for animation */
    background-color: var(--answer-bg);
    border-top: 1px solid #ddd;
    padding: 0 20px; /* Padding top/bottom is managed by jQuery's slideDown/Up */
}

.faq-answer p {
    margin: 15px 0; /* Add margin inside the answer content */
    color: var(--text-color);
}


/* ... [Previous CSS code] ... */

/* Answer Styling: Changes for Smooth Transition */
.faq-answer {
    /* display: none; - REMOVE THIS LINE */
    
    overflow: hidden; /* Content ko cut karne ke liye */
    transition: max-height 0.3s ease-in-out; /* Smooth open/close animation */
    background-color: var(--answer-bg);
    border-top: 1px solid #ddd;
    padding: 0 20px; 
}

/* Jab Answer Active ho, toh uski max-height ko badha do */
/* Note: Yeh class JavaScript se add/remove hogi */
.faq-answer.open {
    /* Ek badi value deni padegi jo content ki height se zyada ho */
    max-height: 500px; /* Adjust as needed, but 500px generally works */
}

/* Answer padding sirf andar ke p tag ko do, taki max-height 0 hone par padding na ho */
.faq-answer p {
    margin: 15px 0; 
    color: var(--text-color);
}

.benefits-list{
    column-count: 6;
}

.section-card ul{
    column-count: 6;
}

.farmhouse-card p:last-of-type{
	font-size: 14px;
	font-weight: 300;
	background: #55407d;
    color: #fff;
    padding: 10px;
    border-radius: 15px;
}

.farmhouse-card ul{
    column-count: 2;
}



.farmhouse-card ul li{
    font-size: 14px;
    margin-bottom: 8px;
        height: 71px;
    display: flex;
    align-items: center;
    border-left: 0px;
}
.farmhouse-card ul li:first-child{
    margin-top: 0px;
}