* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 html {
     scroll-behavior: smooth;
 }

 body {
     font-family: 'Montserrat', sans-serif;
     color: #222;
     background: #fff;
     overflow-x: hidden;
 }

 img {
     max-width: 100%;
     display: block;
 }

 a {
     text-decoration: none;
 }

 :root {
     --primary: #9c7445;
     --dark: #151515;
     --light: #f5f1eb;
     --border: #ded5c8;
 }

 /* HEADER CSS STARTS */
 header {
     position: fixed;
     width: 100%;
     left: 0;
     top: 0;
     z-index: 99;
     background-color: #000;
     padding: 20px 0;
     -moz--webkit-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
     box-shadow: 0 0 5px gray;
 }

 .newClass {
     background-color: #000;
     box-shadow: 0 0 5px gray;
     z-index: 999;
 }

 .inner-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     position: relative;
 }

 .logo {
     max-width: 119px;
     filter: invert(1);
 }

 .menu ul {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .image-section {
     background: url('../images/amenities.jpg');
     background-size: 100% 100%;
     background-repeat: no-repeat;
     display: block;
 }

 p.banner-inner.price-info {
     font-family: 'Lato-LightItalic';
     font-size: 25px;
 }

 .menu ul li a {
     color: #fff;
     text-decoration: none;
     font-size: 15px;
     padding: 0px 15px;
     text-transform: uppercase;
     -moz--webkit-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
     letter-spacing: 1px;
     font-family: 'Montserrat';
 }

 .project-overview-section .know-more {
     text-align: left;
 }

 .contact-number {
     display: flex;
 }

 .contact-number a {
     font-size: 22px;
     font-weight: 600;
     text-decoration: none;
     color: #fff;
     padding: 10px 15px;
     -moz--webkit-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .responsiv-mobile {
     display: none;
 }

 /* HEADER CSS ENDS */

 .price-section,
 .intro,
 .gallery,
 .floor-plan-section,
 .highlights,
 .amenities,
 .location,
 .developer,
 .faq {
     position: relative;
     overflow: hidden;
 }

 .overview-information,
 .floor-master-plan-information,
 .highlight-infromation,
 .faq-section-info,
 .developer-infromation,
 .location-infromation {
     width: 90%;
     margin: 0 auto;
 }

 .gallery-information-info,
 .amenities-section-infromation {
     width: 100%;
     margin: 0 auto;
 }

 .hero-slide::before {
     content: "";
     position: absolute;
     inset: 0;
     background:
         linear-gradient(90deg,
             rgba(0, 0, 0, .65),
             rgba(0, 0, 0, .15),
             rgba(0, 0, 0, .25));
 }

 .hero-content {
     position: absolute;
     z-index: 9;
     left: 8%;
     top: 50%;
     transform: translateY(-50%);
     color: #fff;
     max-width: 700px;
 }

 .hero-content small {
     text-transform: uppercase;
     letter-spacing: 5px;
     font-size: 12px;
 }

 .hero-content h1 {
     font-size: 50px;
     font-weight: 500;
     line-height: .9;
     margin: 18px 0;
 }

 .hero-content p {
     font-size: 21px;
     font-weight: 300;
 }

 .hero-buttons {
     margin-top: 30px;
 }

 .highlight-card {
     height: 100%;
 }

 .btn-gold {
     background: var(--primary);
     color: #fff;
     padding: 10px;
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 2px;
     transition: .3s;
     border: 1px solid #ffffff;
     text-decoration: none !important;
 }
 .extra-brochure{
    background: var(--primary);
     color: #fff;
 }
 .btn-gold a {
     color: #fff;
     text-decoration: none;
 }

 .btn-gold:hover {
     color: #fff;
     background: var(--primary);
 }

 .btn-outline-white {
     color: #111;
     padding: 10px 30px;
     display: inline-block;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 2px;
     border: 1px solid #fff;
     margin-left: 10px;
     text-decoration: none !important;
     background: #fff;
 }

 .btn-outline-white:hover {
     color: #111;
 }

 .hero-content p b {
     color: #ebb270;
     font-size: 31px;
     font-weight: 600;
 }

 .banner-section {
     position: relative;
     overflow: hidden;
 }

 .banner-section::before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 9;
     width: 100%;
     height: 100%;
     background: #0000006e;
     content: "";
 }

 .banner-section .container-fluid {
     padding: 0;
 }

 .hero-pagination {
     position: absolute;
     bottom: 40px !important;
     z-index: 5;
 }

 .hero-pagination .swiper-pagination-bullet {
     width: 35px;
     height: 2px;
     border-radius: 0;
     background: #fff;
     opacity: .5;
 }

 .hero-pagination .swiper-pagination-bullet-active {
     opacity: 1;
     background: var(--primary);
 }

 .scroll-down {
     position: absolute;
     right: 40px;
     bottom: 35px;
     z-index: 5;
     color: #fff;
     writing-mode: vertical-rl;
     font-size: 10px;
     letter-spacing: 3px;
     text-transform: uppercase;
 }

 /* ================= COMMON ================= */

 .padding-space-extra {
     padding: 100px 0;
 }

 .section-label {
     color: var(--primary);
     font-size: 11px;
     letter-spacing: 4px;
     text-transform: uppercase;
     margin-bottom: 12px;
 }

 .section-title {
     font-size: 29px;
     font-weight: 400;
 }

 .section-text {
     font-size: 14px;
     color: #595959;
     line-height: 2;
 }

 .developer-content .section-text {
     color: #c7c5c5;
 }

 /* ================= INTRO ================= */

 .intro {
     background: #fff;
 }

 .intro-image {
     height: 600px;
     overflow: hidden;
 }

 .intro-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: .7s;
 }

 .intro-image:hover img {
     transform: scale(1.05);
 }

 .intro-details {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     margin-top: 40px;
     border-top: 1px solid var(--border);
 }

 .detail-box {
     padding: 22px 10px;
     border-bottom: 1px solid var(--border);
     text-align: center;
 }

 .detail-box:nth-child(odd) {
     border-right: 1px solid var(--border);
 }

 .detail-box strong {
     display: block;
     font-size: 18px;
     color: #ffdddd;
     font-weight: 600;
 }

 .detail-box span {
     font-size: 13px;
     color: #b8b6b6;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .swiper-pagination {
     margin: 0 auto;
     width: 100%;
 }

 .swiper-pagination-bullet {
     width: 13px;
     height: 13px;
     margin-right: 5px;
 }

 /* ================= HIGHLIGHTS ================= */

 .highlight-card {
     background: #fff;
     padding: 40px 30px;
     height: 100%;
     border: 1px solid #e7dfd3;
     transition: .4s;
     box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
 }

 .highlight-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
 }

 .highlight-number {
     font-family: 'Cormorant Garamond', serif;
     color: var(--primary);
     font-size: 45px;
 }

 .highlight-card h3 {
     font-family: 'Cormorant Garamond', serif;
     font-size: 27px;
     margin: 15px 0;
 }

 .highlight-card p {
     font-size: 13px;
     color: #2c2929;
     line-height: 1.8;
 }

 .footer-section-points {
     width: 90%;
     margin: 0 auto;
 }

 /* ================= AMENITIES ================= */

 .amenities {
     background: #161616;
     color: #fff;
     position: relative;
     overflow: hidden;
 }

 .amenities .section-text {
     color: #aaa;
 }

 .amenity-card:hover img {
     transform: scale(1.08);
 }

 .amenity-card {
     position: relative;
     overflow: hidden;
     background: #ffffff1c;
     padding: 10px;
 }

 .amenity-card img {
     filter: invert(1);
     max-width: 88px;
     margin: 0 auto;
 }

 .amenity-overlay p {
     font-size: 15px;
     color: #fff;
     margin-top: 20px;
     text-align: center;
 }

 .amenity-swiper .swiper-button-next,
 .amenity-swiper .swiper-button-prev {
     color: #fff;
 }

 .swiper-button-next,
 .swiper-button-prev {
     background: #9c7445;
     padding: 10px;
     width: 40px;
     height: 40px;
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     color: #fff;
     text-decoration: none;
     font-size: 20px;
 }

 /* ================= PRICE ================= */

 .bg-color {
     background: #161616;
     color: #fff;
 }

 .bg-color p {
     color: #d1d1d1 !important;
 }

 .price-table {
     background: #fff;
     border: 1px solid #ddd3c5;
 }

 .price-row {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     padding: 25px 30px;
     border-bottom: 1px solid #ddd3c5;
     align-items: center;
 }

 .price-row:last-child {
     border-bottom: none;
 }

 .price-row.header {
     background: var(--dark);
     color: #fff;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .price-row div {
     font-size: 16px;
     text-align: center;
     border-right: 1px solid;
 }

 .price-row div:last-child {
     border-right: none;
 }

 .price {
     color: var(--primary);
     font-weight: 600;
 }

 /* ================= FLOOR PLANS ================= */

 .floor-card {
     border: 1px solid #ddd;
     background: #fff;
     overflow: hidden;
 }

 .floor-image {
     height: 320px;
     background: #f5f5f5;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 20px;
 }

 .floor-image img {
     height: 100%;
     object-fit: contain;
 }

 .floor-info {
     padding: 10px;
     text-align: center;
 }

 .floor-info h3 {
     font-family: 'Cormorant Garamond', serif;
     font-size: 27px;
     margin: 0;
 }

 /* ================= LOCATION ================= */

 .location {
     background: #f7f4ee;
 }

 .location-map {
     height: 520px;
     overflow: hidden;
 }

 .location-map img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .location-item {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #ddd2c3;
     padding: 18px 0;
 }

 .location-item span {
     font-size: 16px;
 }

 .location-item strong {
     color: var(--primary);
     font-size: 13px;
 }

 /* ================= GALLERY ================= */

 .gallery-slide {
     height: 470px;
 }

 .gallery-slide img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .gallery-swiper {
     margin-top: 50px;
 }

 /* ================= DEVELOPER ================= */

 .developer {
     background: var(--dark);
     color: #fff;
 }

 .developer-image {
     max-width: 414px;
     margin: 0 auto;
 }

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

 .developer-content {
     padding: 40px 0 40px 60px;
 }

 .intro-content p {
     color: #2b2a2a;
     font-size: 14px;
     text-align: justify;
 }

 /* Custom Scrollbar (Chrome, Edge, Safari) */
 .more-text::-webkit-scrollbar {
     width: 6px;
 }

 .more-text::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 10px;
 }

 .more-text::-webkit-scrollbar-thumb {
     background: #9c7445;
     border-radius: 10px;
 }

 .more-text::-webkit-scrollbar-thumb:hover {
     background: #9c7445;
 }

 .read-more-btn {
     border: none;
     background: 0 0;
     color: #9c7445;
     font-weight: 600;
     font-size: 15px;
     cursor: pointer;
     display: inline-block;
     transition: color 0.3s;
 }

 .more-text {
     display: none;
     max-height: 150px;
     overflow-y: auto;
     padding-right: 10px;
     margin-top: 15px;
 }

 /* ================= FAQ ================= */

 .faq {
     background: #fff;
 }

 .accordion-item {
     border: none;
     border-bottom: 1px solid #ddd;
 }

 .accordion-button {
     padding: 17px 0 10px 0;
     font-size: 17px;
     box-shadow: none !important;
     background: transparent !important;
     border: none;
     text-align: left;
 }

 button:focus {
     outline: 1px dotted;
     outline: none;
 }

 .accordion-button:not(.collapsed) {
     color: var(--primary);
 }

 .accordion-body {
     padding: 0 0 25px;
     color: #2c2c2c;
     font-size: 14px;
 }

 /* ================= CTA ================= */

 .cta {
     padding: 80px 0;
     background:
         linear-gradient(rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)),
         url('images/cta.jpg') center/cover;
     color: #fff;
     text-align: center;
 }

 .cta h2 {
     font-family: 'Cormorant Garamond', serif;
     font-size: 60px;
     margin-bottom: 20px;
 }

 .cta p {
     color: #ccc;
     margin-bottom: 30px;
 }

 /* ================= FOOTER ================= */

 footer {
     background: #0d0d0d;
     color: #aaa;
     padding: 70px 0 25px;
 }

 .footer-logo {
     font-family: 'Cormorant Garamond', serif;
     font-size: 35px;
     color: #fff;
 }

 footer h4 {
     color: #fff;
     font-family: 'Cormorant Garamond', serif;
     font-size: 24px;
     margin-bottom: 20px;
 }

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

 footer ul li {
     margin-bottom: 10px;
     font-size: 13px;
 }

 footer a {
     color: #aaa;
     transition: .3s;
 }

 footer a:hover {
     color: var(--primary);
     text-decoration: none;
 }

 .copyright {
     margin-top: 50px;
     padding-top: 20px;
     border-top: 1px solid #333;
     text-align: center;
     font-size: 11px;
 }

 /* ================= FLOATING BUTTONS ================= */

 .floating-buttons {
     position: fixed;
     right: 20px;
     bottom: 20px;
     z-index: 999;
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .floating-btn {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: var(--primary);
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 5px 20px rgba(0, 0, 0, .25);
     font-size: 20px;
     text-decoration:none !important;
 }
 .whatsapp-btn{
    background:#179b17;
 }
 .call-btn {
    background: #1f1fb3;
}
a:hover {
    color: #000;
}
 /* ================= MODAL ================= */

 .modal-content {
     border: none;
     border-radius: 0;
 }

 .modal-header {
     background: var(--dark);
     color: #fff;
     border-radius: 0;
 }

 .modal-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: 30px;
 }

 .footer-section-points hr {
     border-bottom: 1px solid;
 }

 .footer-group-row p,
 .footer-points p {
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px dashed;
 }

 .footer-inner h3 {
     text-align: center;
     font-size: 23px;
     margin-bottom: 20px;
 }

 .footer-inner form .form-group {
     margin-bottom: 0;
 }

 .form-control {
     border-radius: 0;
     border: 1px solid #ddd;
 }

 .form-control:focus {
     box-shadow: none;
     border-color: var(--primary);
 }

 .floor-info p {
     color: #000 !important;
     font-size: 18px;
     margin-bottom: 10px;
     font-weight: 500;
 }

 .amenities-inn,
 .gallery-inn {
     position: relative;
     overflow: hidden;
     width: 100%;
 }

 .desktop-banner {
     display: block;
 }

 .tab-banner {
     display: none;
 }

 .mobile-banner {
     display: none;
 }

 .pulse {
     animation: pulseGlow 1.5s infinite;
 }

 .shake {
     animation: shakeeGlow 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }

 @keyframes pulseGlow {
     0% {
         transform: scale(1);
         filter: drop-shadow(0 0 0px #dbdbdb);
     }

     50% {
         transform: scale(1.1);
         filter: drop-shadow(0 0 8px #dbdbdb);
     }

     100% {
         transform: scale(1);
         filter: drop-shadow(0 0 0px #dbdbdb);
     }
 }

 @keyframes shakeeGlow {
     0% {
         transform: rotate(0deg);
         filter: drop-shadow(0 0 0px #dbdbdb);
     }

     25% {
         transform: rotate(10deg);
         filter: drop-shadow(0 0 4px #dbdbdb);
     }

     50% {
         transform: rotate(-10deg);
         filter: drop-shadow(0 0 8px #dbdbdb);
     }

     75% {
         transform: rotate(10deg);
         filter: drop-shadow(0 0 4px #dbdbdb);
     }

     100% {
         transform: rotate(0deg);
         filter: drop-shadow(0 0 0px #dbdbdb);
     }
 }

 @media only screen and (max-width: 991px) {
     .button_container {
         position: absolute;
         top: 50%;
         right: 0;
         height: 29px;
         width: 35px;
         cursor: pointer;
         z-index: 100;
         transition: opacity 0.25s ease;
         transform: translateY(-50%);
     }

     .button_container span {
         background: #aa9a6f;
         border: none;
         height: 3px;
         width: 100%;
         position: absolute;
         top: 0;
         left: 0;
         transition: all 0.35s ease;
         cursor: pointer;
         border-radius: 31px;
     }

     .overlay {
         position: fixed;
         background: #151414;
         top: 62px;
         left: 0;
         width: 100%;
         -webkit-transform: scaleY(0);
         -ms-transform: scaleY(0);
         transform: scaleY(0);
         max-height: 0;
         -webkit-transition: max-height .3s, -webkit-transform .3s;
         transition: max-height .3s, -webkit-transform .3s;
         -o-transition: max-height .3s, transform .3s;
         transition: max-height .3s, transform .3s;
         transition: max-height .3s, transform .3s, -webkit-transform .3s;
         -webkit-transform-origin: top;
         -ms-transform-origin: top;
         transform-origin: top;
         overflow: auto;
     }

     .overlay.open {
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         transform: scaleY(1);
         max-height: 100vh;
     }

     .overlay ul {
         list-style: none;
         padding: 0;
         margin: 0 auto;
         display: inline-block;
         position: relative;
         width: 100%;
     }

     .overlay nav {
         text-align: center;
     }

     .overlay.open li {
         opacity: 1;
         border-bottom: 1px solid gray;
         padding-bottom: 10px;
         padding-top: 10px;
     }

     .button_container.active .bottom {
         transform: translateY(-11px) translateX(0) rotate(-45deg);
         background: #aa9a6f;
     }

     .button_container.active .top {
         transform: translateY(11px) translateX(0) rotate(45deg);
         background: #aa9a6f;
     }

     .button_container.active .middle {
         opacity: 0;
         background: #fff;
     }

     .button_container span:nth-of-type(2) {
         top: 11px;
         width: 61%;
         height: 3px;
         right: 0;
         left: auto;
     }

     .button_container span:nth-of-type(3) {
         top: 22px;
     }

     .desktop-banner {
         display: none;
     }

     .tab-banner {
         display: block;
     }

     .mobile-banner {
         display: none;
     }

     .intro-image {
         height: 465px;
         overflow: hidden;
         margin-top: 20px;
     }

     .highlight-infromation .col-lg.col-md-6.col-sm-6 {
         margin-bottom: 25px;
     }

     .section-text {
         font-size: 17px;
     }
 }

 @media only screen and (max-width: 767px) {
     .gallery-slide {
         height: 350px;
     }

     .floor-card {
         margin-bottom: 20px;
     }

     .developer-content .section-text {
         font-size: 16px;
     }

     .hero-content h1 {
         font-size: 46px;
     }

     .overview-information,
     .gallery-information-info,
     .floor-master-plan-information,
     .highlight-infromation,
     .faq-section-info,
     .developer-infromation,
     .location-infromation,
     .amenities-section-infromation {
         width: 100%;
         margin: 0 auto;
     }

     .developer-content {
         padding: 10px;
     }
 }

 @media only screen and (max-width: 575px) {
     .desktop-banner {
         display: none;
     }

     .tab-banner {
         display: none;
     }

     .mobile-banner {
         display: block;
     }

     .footer-inner form .form-group {
         margin-bottom: 10px;
     }

     .hero-content {
         position: absolute;
         z-index: 9;
         left: 0;
         top: 50%;
         transform: translateY(-50%);
         color: #fff;
         width: 100% !important;
         text-align: center;
     }

     .hero-content h1 {
         font-size: 37px;
     }

     .hero-buttons .btn-gold {
         width: 57%;
         margin-bottom: 10px;
     }

     .price-row {
         padding: 20px 9px;
     }

     .padding-space-extra {
         padding: 45px 0;
     }

     .section-title {
         font-size: 25px;
     }

     .section-label {
         font-size: 14px;
     }

     .detail-box strong {
         font-size: 16px;
     }

     .price-table {
         overflow-x: scroll;
         overflow-y: hidden;
         scrollbar-width: thin;
     }

     .price-table::-webkit-scrollbar {
         height: 6px;
     }

     .price-table::-webkit-scrollbar-thumb {
         background: #999;
         border-radius: 10px;
     }

     .price-table::-webkit-scrollbar-track {
         background: #eee;
     }

     .price-row {
         min-width: 650px;
     }

     .price b {
         font-size: 22px;
     }

     .intro-image {
         height: 100%;
     }

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

     .highlight-card {
         padding: 15px 30px;
     }
 }

 @media only screen and (max-width: 490px) {
     .banner-section {
         margin-top: 78px;
     }
.hero-content p {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 0px;
}
     .hero-content h1 {
         font-size: 32px;
     }

     .hero-content p b {
         font-size: 27px;
     }

     .hero-buttons .btn-gold {
         width: 66%;
     }

     .section-title {
         font-size: 22px;
     }

     .detail-box {
         padding: 22px 5px;
     }

     .bg-color p {
         font-size: 13px;
     }

     .section-para {
         font-size: 14px;
     }

     .highlight-number {
         font-size: 38px;
     }

     .section-title {
         font-size: 20px;
     }

     .location-map {
         height: 100%;
         overflow: hidden;
     }

     .developer-content .section-text {
         font-size: 13px;
     }

     .accordion-button {
         font-size: 16px;
     }

     .footer-inner h3 {
         font-size: 18px;
     }

     .footer-section-points {
         width: 100%;
     }
 }