body {
     font-family: 'Playfair Display', serif;
 }

 /* ===== Header ===== */
 header {
     position: fixed;
     top: 20px;
     left: 0;
     right: 0;
     width: 90%;
     margin: 0 auto;
     z-index: 11;
     border: 1px solid #888;
     border-radius: 20px;
     height: 100px;
     background-color: #1b130d;
 }

 .slick-prev,
 .slick-next {
     display: none !important;
 }

 header img {
     max-width: 200px;
 }

 .navbar {
     background: transparent;
     position: absolute;
     width: 100%;
     z-index: 999;
     padding: 8px 20px;
 }

 .navbar-nav {
     background: #1b130d;
     padding-bottom: 25px;
     padding-top: 20px;
 }

 .navbar-nav .nav-link {
     color: #fff !important;
     margin: 0 10px;
     font-size: 14px;
 }

 .btn-enquire {
     background: #c62828;
     color: #fff;
     padding: 8px 18px;
     border-radius: 6px;
 }

 /* ===== Hero Section ===== */
 .hero {
     position: relative;
     color: #fff;
 }

 /*.hero::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.45);
     top: 0;
     left: 0;
 }*/

 .hero-content {
     position: relative;
     z-index: 2;
     max-width: 650px;
 }

 .hero h1 {
     font-size: 64px;
     line-height: 1.2;
 }

 .hero p {
     font-size: 16px;
     margin-top: 20px;
     color: #ddd;
 }

 .hero-btns .btn {
     margin-right: 15px;
     padding: 12px 24px;
     border-radius: 6px;
 }

 .btn-primary-custom {
     background: #c62828;
     border: none;
 }

 .btn-outline-light {
     border: 1px solid #fff;
 }

 /* Desktop Banner */

 .responsivefloor img {
     width: 100%;
 }

 /* Mobile Banner */
 @media (max-width: 768px) {
     .navbar {
         padding: 15px 20px;
     }

     .hero {
         margin-top: 100px;
         background: url('images/banner-mobile.jpg') no-repeat center center/cover;
         text-align: left;
     }

     .hero h1 {
         font-size: 34px;
     }

     .hero-content {
         padding: 0 15px;
     }
 }

 /* ===== Section 2 Styling ===== */
 .snapshot-section {
     background: #f3efe9;
     padding: 100px 0;
 }

 .tag-line {
     color: #b71c1c;
     font-size: 12px;
     letter-spacing: 2px;
     margin-bottom: 20px;
 }

 .main-heading {
     font-size: 52px;
     line-height: 1.2;
     margin-bottom: 25px;
     color: #1a1a1a;
 }

 .description {
     color: #666;
     font-size: 16px;
     line-height: 1.8;
     margin-bottom: 20px;
 }

 .small-text {
     font-size: 14px;
 }

 /* Right Side Grid */
 .info-box {
     margin-bottom: 40px;
     padding-bottom: 15px;
     border-bottom: 1px solid #ddd;
 }

 .info-box span {
     display: block;
     font-size: 12px;
     letter-spacing: 1px;
     color: #888;
     margin-bottom: 8px;
 }

 .info-box h5 {
     font-size: 22px;
     color: #1a1a1a;
 }

 /* ===== Responsive ===== */
 @media (max-width: 768px) {

     .snapshot-section {
         padding: 30px 0;
     }

     .main-heading {
         font-size: 32px;
     }

     .info-box h5 {
         font-size: 18px;
     }
 }

 /* ===== Section 3 ===== */
 .usp-section {
     background: #f3efe9;
 }

 /* Image */
 .usp-image {
     position: relative;
     overflow: hidden;
     border-radius: 10px;
 }

 .usp-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 /* Overlay Content */
 .usp-overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 30px;
     color: #fff;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
 }

 .usp-overlay h3 {
     font-size: 26px;
     line-height: 1.3;
 }

 .usp-overlay p {
     font-size: 14px;
     margin-top: 10px;
     color: #ddd;
 }

 /* Right Content */
 .usp-tag {
     color: #b71c1c;
     font-size: 12px;
     letter-spacing: 2px;
     margin-bottom: 10px;
 }

 .usp-heading {
     font-size: 42px;
     line-height: 1.3;
     margin-bottom: 15px;
 }

 .usp-desc {
     color: #666;
     font-size: 15px;
     margin-bottom: 30px;
 }

 /* USP List */
 .usp-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #ddd;
 }

 .usp-item .icon {
     width: 40px;
     height: 40px;
     background: #f8d7da;
     color: #b71c1c;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     margin-right: 15px;
     font-size: 18px;
 }

 .usp-item h5 {
     font-size: 18px;
     margin-bottom: 5px;
 }

 .usp-item p {
     font-size: 14px;
     display: none;
     color: #666;
     margin: 0;
 }

 .responsivegl img {
     margin: 0px 10px;
 }

 .responsivegl .slick-prev:before,
 .slick-next:before {
     color: #1b130d !important;
     display: block !important;
 }


 /* ===== Responsive ===== */
 @media (max-width: 768px) {

     .am-item {
         display: block;
         align-items: center;
         text-align: center;
         justify-content: space-between;
     }

     .usp-section {
         padding: 30px 0;
     }

     .usp-heading {
         font-size: 28px;
     }

     .usp-overlay h3 {
         font-size: 18px;
     }
 }


 /* ===== Section 4 ===== */
 .masterplan-section {
     background: #f3efe9;
     padding-top: 80px;
 }


 /* Left Content */
 .mp-tag {
     color: #b71c1c;
     font-size: 12px;
     letter-spacing: 2px;
     margin-bottom: 10px;
 }

 .mp-heading {
     font-size: 44px;
     line-height: 1.3;
     margin-bottom: 20px;
     color: #1a1a1a;
 }

 .mp-desc {
     color: #666;
     font-size: 15px;
     margin-bottom: 25px;
 }

 /* List */
 .mp-list {
     list-style: none;
     padding: 0;
     margin-bottom: 30px;
 }

 .mp-list li {
     position: relative;
     padding-left: 25px;
     margin-bottom: 12px;
     font-size: 14px;
     color: #444;
 }

 .mp-list li::before {
     content: "✓";
     position: absolute;
     left: 0;
     top: 0;
     color: #c62828;
     font-weight: bold;
 }

 /* Button */
 .mp-btn {
     background: #c62828;
     color: #fff;
     padding: 12px 22px;
     border-radius: 6px;
 }

 /* Image Box */
 .mp-image-box {
     background: #eae3d9;
     padding: 20px;
     border-radius: 12px;
     display: inline-block;
 }

 .mp-image-box img {
     border-radius: 6px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }














 /* ===== Responsive ===== */
 @media (max-width: 768px) {

     .masterplan-section {
         padding: 0px 0px 30px 0;
     }

     .mp-heading {
         font-size: 30px;
     }

     .mp-image-box {
         padding: 10px;
     }
 }

 /* ===== Section 5 ===== */
 .floorplan-section {
     background: #f3efe9;
     padding: 100px 0;
 }

 /* Heading */
 .fp-tag {
     color: #b71c1c;
     font-size: 12px;
     letter-spacing: 2px;
     margin-bottom: 10px;
 }

 .fp-heading {
     font-size: 44px;
     line-height: 1.3;
     margin-bottom: 10px;
 }

 .fp-desc {
     color: #666;
     font-size: 15px;
 }

 /* Card */
 .fp-card {
     background: #fff;
     padding: 20px;
     border-radius: 12px;
     transition: 0.3s;
 }

 .fp-card:hover {
     transform: translateY(-5px);
 }

 /* Image Frame */
 .fp-image-box {
     background: #efe8dd;
     padding: 15px;
     border-radius: 10px;
     margin-bottom: 15px;
 }

 .fp-image-box img {
     border-radius: 6px;
 }

 /* Content */
 .fp-content h5 {
     font-size: 20px;
     margin-bottom: 5px;
 }

 .estfsing h5 {
     width: 100%;
     text-align: center !important;
 }

 .fp-size {
     color: #c62828;
     font-size: 13px;
 }

 .fp-content p {
     font-size: 14px;
     color: #666;
     margin: 10px 0;
 }

 .fp-content a {
     font-size: 13px;
     color: #000;
     text-decoration: underline;
 }

 .responsivefloor {
     padding-bottom: 15px !important;
 }

 .foot1 img {
     width: 80%;
     margin-bottom: 11px;
 }

 /* ===== Responsive ===== */
 @media (max-width: 768px) {

     .floorplan-section {
         padding: 30px 0;
     }

     .fp-heading {
         font-size: 28px;
     }
 }

 /* ===== Section 6 ===== */
 .amenities-section {
     padding: 100px 0;
     background: radial-gradient(circle at right, #3a2a1f, #1a120c);
     color: #fff;
 }

 /* Left */
 .am-tag {
     color: #c62828;
     font-size: 12px;
     letter-spacing: 2px;
     margin-bottom: 10px;
 }

 .am-heading {
     font-size: 44px;
     line-height: 1.3;
     margin-bottom: 15px;
 }

 .am-desc {
     color: #bbb;
     font-size: 15px;
     margin-bottom: 25px;
 }

 .am-btn {
     background: #c62828;
     color: #fff;
     padding: 12px 22px;
     width: 45%;
     border-radius: 6px;
 }

 /* Right Grid */
 .amenities-section .row{
    align-items: center;
 }
 .am-item {
     margin-bottom: 40px;
     padding-bottom: 20px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .am-icon {
     width: 40px;
     height: 40px;
     /* background: rgba(255, 255, 255, 0.05); */
     /* color: #d4af37; */
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     margin-bottom: 10px;
     font-size: 18px;
 }

 .am-icon img {
     width: 100%;
 }

 .am-item h5 {
     font-size: 18px;
     margin-bottom: 5px;
 }

 .am-item p {
     font-size: 14px;
     color: #bbb;
     margin: 0;
     display: none;
 }

 /* ===== Responsive ===== */
 @media (max-width: 768px) {

     .amenities-section {
         padding: 30px 0;
     }

     .am-heading {
         font-size: 28px;
     }

     .am-item {
         margin-bottom: 15px;
         padding-bottom: 15px;
     }
 }

 /* ===== Section 7 ===== */
 .location-section {
     background: #f3efe9;
     padding: 100px 0;
 }

 /* Left Image */
 .loc-image-box {
     background: #eae3d9;
     padding: 5px;
     display: inline-block;
     width: 100%;
 }

 .abtrightpic img {
     width: 100%;
     border-radius: 12px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }


 /* Right */
 .loc-tag {
     color: #b71c1c;
     font-size: 12px;
     letter-spacing: 2px;
     margin-bottom: 10px;
 }

 .loc-heading {
     font-size: 44px;
     line-height: 1.3;
     margin-bottom: 15px;
 }

 .loc-desc {
     color: #666;
     font-size: 15px;
     margin-bottom: 30px;
 }

 /* List */
 .loc-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 25px;
     padding-bottom: 20px;
     border-bottom: 1px solid #ddd;
 }

 .loc-icon {
     width: 40px;
     height: 40px;
     background: #f8d7da;
     color: #b71c1c;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     margin-right: 15px;
     font-size: 18px;
 }

 .loc-item h5 {
     font-size: 18px;
     margin-bottom: 5px;
 }

 .loc-item p {
     font-size: 14px;
     color: #666;
     margin: 0;
 }

 .am-btn2 {
    display: none;
 }

.am-btn1 {
    display: block;
}

 .loc-image-box iframe {
     width: 100%;
     height: 450px;
 }

 .faq-section h2{
    margin-bottom: 30px;
 }
 /* ===== Responsive ===== */
 @media (max-width: 768px) {

     .am-btn2{
    display: block;
 }
  .faq-section h2{
    margin-bottom: 10px;
 }

 .am-btn {
     padding: 7px 15px;
    width: 45%;
     margin: 10px auto 0 auto;
 }
.am-btn1 {
    display: none !important;
}


     .location-section {
         padding: 60px 0;
     }

     .loc-heading {
         font-size: 28px;
     }
 }

 /* ===== Section 8 ===== */
 .about-section {
     background: #f3efe9;
     padding: 0px 0;
 }

 /* Left */
 .ab-tag {
     color: #b71c1c;
     font-size: 12px;
     letter-spacing: 2px;
     margin-bottom: 10px;
 }

 .ab-heading {
     font-size: 44px;
     line-height: 1.3;
     margin-bottom: 15px;
 }

 .ab-desc {
     color: #666;
     font-size: 15px;
     margin-bottom: 25px;
 }

 /* List */
 .ab-list {
     list-style: none;
     padding: 0;
     margin-bottom: 30px;
 }

 .ab-list li {
     position: relative;
     padding-left: 25px;
     margin-bottom: 12px;
     font-size: 14px;
     color: #444;
 }

 .ab-list li::before {
     content: "✓";
     position: absolute;
     left: 0;
     top: 0;
     color: #c62828;
     font-weight: bold;
 }

 /* Button */
 .ab-btn {
     background: #b71c1c;
     color: #fff;
     padding: 12px 26px;
     border-radius: 6px;
 }

 /* Image */
 .ab-image-box {
     border-radius: 12px;
     overflow: hidden;
 }

 .ab-image-box img {
     border-radius: 12px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 /* ===== Responsive ===== */
 @media (max-width: 768px) {

     .about-section {
         padding: 60px 0;
     }

     .ab-heading {
         font-size: 28px;
     }
 }

 /* ===== FAQ Section ===== */
 .faq-section {
     background: #f3efe9;
     padding: 100px 0;
 }

 .faq-tag {
     color: #b71c1c;
     font-size: 12px;
     letter-spacing: 2px;
 }

 .faq-heading {
     font-size: 44px;
     line-height: 1.3;
     margin: 10px 0;
 }

 .faq-desc {
     color: #666;
     font-size: 15px;
 }

 /* Accordion */
 .faq-item {
     border-top: 1px solid #ddd;
     padding: 20px 0;
 }

 .faq-item:last-child {
     border-bottom: 1px solid #ddd;
 }

 .faq-question {
     font-size: 18px;
     cursor: pointer;
     position: relative;
 }

 .faq-question::after {
     content: "+";
     position: absolute;
     right: 0;
 }

 .faq-question[aria-expanded="true"]::after {
     content: "-";
 }

 .faq-item p {
     font-size: 14px;
     color: #666;
     margin-top: 10px;
 }






 .alincent {
     display: flex;
     align-items: center;
 }

 .fmfskbx {
     margin-bottom: 15px;
 }

 .fmfskbxbutton {
     background: #c62828;
     color: #fff;
     padding: 6px 25px;
     border-radius: 6px;
     font-size: 15px;
     border: none;
     display: flex;
     margin: 0 auto;
     margin-top: 8px;
     margin-bottom: 8px;
 }

 .modal-title {
     margin: auto 0px auto auto;
     color: #c62828;
 }



 /* Toggle Button */
 .toggle-btn {
     width: 50px;
     height: 50px;
     background: #c62828;
     color: #fff;
     font-size: 35px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     animation: zoomInOut 1.5s infinite ease-in-out;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

 }


 @keyframes zoomInOut {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.15);
     }

     100% {
         transform: scale(1);
     }
 }

 /* Apply animation to button */
 .toggle-btn {
     animation: zoomInOut 1.5s infinite ease-in-out;
 }

 /* Menu Container */
 .floating-menu {
     position: absolute;
     bottom: 70px;
     left: -10px;

     display: flex;
     flex-direction: column;
     gap: 15px;

     opacity: 0;
     transform: translateX(-50px);
     /* start from left */
     pointer-events: none;
     transition: 0.3s ease;
 }

 /* Show Menu */
 .floating-menu.active {
     opacity: 1;
     transform: translateX(0);
     /* slide to right */
     pointer-events: auto;
 }

 /* Buttons */
 .floating-menu a {
     background: #ffffff;
     color: #1b130d;
     padding: 12px 20px;
     border-radius: 5px;
     text-decoration: none;
     text-align: center;
     width: 180px;
     border: 1px solid #1b130d;
     font-size: 16px;
 }

 #toggleIcon {
     font-size: 30px;
 }


 .floating-wrapper {
     position: fixed;
     bottom: 40px;
     left: 30px;
     z-index: 999;
 }

 .floating-wrapper {
     position: fixed;
     bottom: 40px;
     left: 30px;
     /* 👈 moved to LEFT side */
     z-index: 999;
 }



 .mostrelevtserch {
     margin-top: 45px;
 }

 .foot ul {
     list-style-type: none !important;
     display: flex;
     justify-content: space-between;
     width: 62%;
     margin: 0 auto;
     margin-top: 24px;
     margin-bottom: 25px;
     border-bottom: 1px solid #282c30;
     border-top: 1px solid #282c30;
     padding: 15px 0px;
 }

 .mostrelevtserch ul li {
     text-transform: capitalize;
 }

 .mostrelevtserch ul li {
     color: #ccc;
     list-style-type: none;
     font-size: 15px;
 }

 .mostrelevtserch h3 {
     color: #ccc;
     font-size: 19px;
     text-align: left;
     margin-bottom: 20px;
 }

 .villa-grid {
     display: grid !important;
     grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
     gap: 12px 20px;
     padding: 0 !important;
     width: 100% !important;
     margin: 0;
     list-style: none;
 }

 .footer-section .desk a {
     color: rgb(204 204 204) !important;
 }

 .quicklinksover {
     padding-left: 10%;
 }


 .locicon1233 {
     width: 25px !important;
     height: 1px;
     background-color: #000 !important;
     border-radius: 0px;
     margin-top: 13px;
 }

 @media (max-width: 968px) {

     .quicklinksover {
         padding-left: 15px;
     }

     .mostrelevtserch {
         margin-top: 20px;
     }

     .toggle-btn {
         width: 35px;
         height: 35px;
         font-size: 22px;
         border-radius: 50%;
     }

     .floating-wrapper {
         position: fixed;
         bottom: 56px;
         left: 13px;
         z-index: 999;
     }

     .floating-menu {
         bottom: 50px;
         left: 3px;
     }

     header {
         position: fixed;
         top: 0px;
         left: 0;
         right: 0;
         width: 100%;
         margin: 0 auto;
         z-index: 11;
         border: 1px solid #888;
         border-radius: 0px;
         height: 100px;
         background-color: #1b130d;
     }

     .navbar-nav {
         padding-bottom: 25px;
         padding-top: 20px;
         border-radius: 0px 0px 20px 20px;
     }

     .hero-btns .btn {
         margin-bottom: 15px;

     }

 }

 /* Responsive */
 @media (max-width:768px) {
     .faq-heading {
         font-size: 28px;
     }

     .responsivegl .slick-prev {
         left: 15px !important;
         bottom: -40px !important;
         top: inherit !important;
     }

     .responsivegl .slick-next {
         right: 20px !important;
         bottom: -40px !important;
         top: inherit !important;
     }


 }

 /* ===== Footer ===== */
 .footer-section {
     background: #1a120c;
     color: #ccc;
     padding: 60px 0 20px;
 }

 .footer-logo {
     color: #fff;
     font-weight: bold;
 }

 .footer-section h6 {
     color: #fff;
     margin-bottom: 15px;
 }

 .footer-section ul {
     list-style: none;
     padding: 0;
 }

 .footer-section ul li {
     margin-bottom: 8px;
 }

 .footer-section ul li a {
     color: #ccc;
     text-decoration: none;
 }

 .footer-section ul li a:hover {
     color: #fff;
 }

 .footer-bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     padding-top: 15px;
     font-size: 13px;
 }

 .snapshot-section .row{
    align-items: center;
 }
 .amenities-section{
     align-items: center;  
 }

.gl-section{
        background: #f3efe9;
     margin: 0px;
    margin-top: -12px;
    padding: 0px 0px 80px 0px;
}
 .floorplan-section h2{
    margin-bottom: 30px ;
 }


 .gl-section h2{
    margin-bottom: 30px;
 }
  @media (max-width: 768px) {
    .footer-section{
        padding: 40px 0 50px !important;
 }
 header img {
    max-width: 160px;
}
.gl-section h2{
    margin-bottom: 15px;
 }

.floorplan-section h2 {
    margin-bottom: 15px;
    margin-top: 10px;
}

.am-icon {
     margin: 0 auto 6px auto;
}
.am-heading{
    display: flex;
}

    .mp-heading {
         text-align: center;
    }
    .masterplan-section{
        text-align: center;
    }

    .am-heading{
        text-align: center;
    }

        .am-heading {
         justify-content: center;
        }

            .about-section {
         text-align: center;
            }

            .gl-section {
     margin-top: -15px;
    padding: 0px 0px 20px 0px;
}

}