html { scroll-behavior: smooth}p { font-weight: 400; line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-size: 1em; letter-spacing: .2px; font-family: Lora !important;}html, body { padding: 0; margin: 0; font-size: 16px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: Lora !important; font-weight: 500; color: #35383A; line-height: 26px; overflow-x: hidden;}button:focus { box-shadow: none}.relative { position: relative}.footer_btn { position: fixed; bottom: 0; width: 100%; z-index: 9; background-color: #fff; padding: 10px; border: 1px solid #717275}.mob_footer_btn { background: #717275; padding: 10px; display: flex; justify-content: center; align-items: center}.footer_btn a { color: #fff}.error { color: red}.bg-blue { background-color: #fef5a1}.bg-yellow { background-color: #fbb601}.bg-dk-gray { background-color: #eae9e9}.bg-purple { background-color: #00496a; color: #fff !important}.blue-title { color: #717275; font-family: Lora; font-weight: 700; font-size: 15px; margin: 10px 0 0}.abt-title { font-size: 16px; font-family: Roboto}.yello-btn { border-radius: 0; font-size: 14px; color: #000; font-weight: 500; font-family: Poppins; text-align: center; margin-top: 70px} .yello-btn:hover { color: #000; opacity: .9 }.border-l-rad { border-top-left-radius: 50px; border-bottom-left-radius: 50px}.border-r-rad { border-top-right-radius: 50px; border-bottom-right-radius: 50px}.desc-para { text-align: left !important; font-size: 16px; line-height: 25px; color: #494949; font-weight: 300; font-family: Poppins; width: 70%}.scroll-down { animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite}.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom}.floor-btn a { background: #4cae30; color: #fff; display: inline-block; padding: 7px 20px; margin-top: 30px; font-weight: 700; margin-right: 20px}.floor-section .overlay_print { width: 100%; height: 100%}.floor-section button { padding: 8px; font-size: 13px; border: 0; font-weight: 500; cursor: pointer; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}#locationSec button, #priceSec button, #priceSec a { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}.overlay_print { position: absolute; top: 21px; bottom: 0; left: 0; right: 0; height: 90%; width: 90%; opacity: 0; transition: .5s ease; background-color: rgba(22,22,21,.7); margin: 0 auto}.floor-div h3 { font-size: 20px; color: #fff; font-weight: 600; text-align: center; margin-bottom: 7px}.floor-div, .pop { display: block} .floor-div:hover .overlay_print, .pop:hover .overlay_print { opacity: 1 }.text { color: #fff; font-size: 20px; position: absolute; top: 33%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center}#gallery .text { top: 50% !important;}.gallery-div { position: relative; overflow: hidden} .gallery-div:hover .content-overlay { opacity: 1 }.slick-slider { width: 100%} .slick-slider .slick-track { display: flex; align-items: center; flex-wrap: nowrap; justify-content: center }.slick-slide { transition: all .3s ease; opacity: .2; height: auto}.slick-center, .slick-current { padding: 30px 0; margin: 50px 0}.slick-slide.slick-current.slick-active.slick-center { display: flex; justify-content: center; z-index: 99; opacity: 1}.slick-slide.slick-active { margin: 0; padding: 0} .slick-slide.slick-active.slick-center img { height: 550px; outline: 0 }.slick-prev { z-index: 99; width: 60px; height: 120px; background-color: #fff; border-top-right-radius: 100px; border-bottom-right-radius: 100px; font-size: 14px; line-height: 22px; left: 0; padding-right: 10px; color: #1e355e !important; outline: 0}.slick-next { width: 60px; height: 120px; background-color: #fff; border-top-left-radius: 100px; border-bottom-left-radius: 100px; font-size: 14px; line-height: 22px; color: #1f2e5f !important; right: 0; padding-left: 10px; outline: 0}.slick-prev:hover { color: #fff !important; outline: 0; background-color: #1f2e5f}.slick-next:hover { color: #fff !important; outline: 0; background-color: #1f2e5f}.slick-arrow { top: 45% !important; outline: 0}.slick-next:hover::before, .slick-prev:hover::before { color: transparent; display: none}.slick-list.draggable { padding: 0 !important}.slick-next:before, .slick-prev:before { display: none}.content-overlay { background: #000; position: absolute; height: auto; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center}.card-link { display: block}.floor .overlay-text { font-size: 15px; color: #1f1f1f; font-weight: 500; font-family: Poppins; text-align: center; padding: 5px 16px 5px 16px}.bottom-nav .nav-link { font-size: 14px; color: #282828 !important; font-weight: 300; font-family: Lora !important;}.top-nav .nav-link { padding: .5rem 1rem 0} .top-nav .nav-link:first-child { font-size: 14px; color: #835f03 !important }nav ul { align-items: center}#bannerSec h1 { color: #fff; font-weight: 300; font-family: Poppins}#bannerCarousel .carousel-caption { right: auto; bottom: 30%; left: 15%; text-align: left}#bannerCarousel .carousel-control-next, #bannerCarousel .carousel-control-prev { border: 1px solid #fff; border-radius: 50px; width: 40px; height: 40px; opacity: 1; top: 50%}#bannerCarousel .carousel-control-next-icon, #bannerCarousel .carousel-control-prev-icon { width: 12px; height: 12px}#bannerCarousel .carousel-control-prev { left: 10%}#bannerCarousel .carousel-control-next { right: 10%}.bg-blue-btn { background: #717275; color: #fff; border-radius: 50px; width: 100px; height: 100px; position: fixed; right: 80px; z-index: 99;}.bg-blue-btn { border-radius: 95px !important; width: 150px !important; height: 60px !important; bottom: 2% !important; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);} .bg-blue-btn:hover { color: #fff }.main-title { font-size: 16px; letter-spacing: 5px; line-height: 35px; color: #767271; font-weight: 400; font-family: Lora}.sub-title { font-size: 36px; line-height: 44px; color: #717275; font-weight: 400; font-family: Lora}.specification { background: url(../image/sepc-bg.jpg) no-repeat; height: auto; background-size: cover; color: #fff} .specification a, .specification h2, .specification li, .specification p { color: #ccc !important } .specification .card { background-color: transparent; border-bottom: 1px solid #ccc; margin-bottom: 20px }#specificationSec a.card-link { color: #000; font-weight: 700}.spec-list { display: flex; justify-content: center; flex-direction: column}#specificationSec ul li { text-align: left}#specificationSec .card-header > a:before { float: right !important; content: "\f105"; font-family: FontAwesome; border-radius: 50px; text-align: center; padding: 0 5px; font-size: 30px; font-weight: 100; margin: -12px 0}#specificationSec .card-header > a.collapsed:before { float: right !important; content: "\f107"}.project-div { text-align: center} .project-div span { color: #fff; display: inline-block; font-size: 15px; text-align: initial; position: relative; top: -7px } .project-div .icon-div { top: 0 } .project-div .icon-div img { background: #fff; color: #000; border-radius: 50%; padding: 15px 20px; margin-right: 5px; max-width: 150px; max-height: 150px }.hightlight-section h1 { position: absolute; top: 35%; color: #fff; font-size: 50px}.hightlight-section h2 { font-size: 36px; line-height: 44px; color: #717275; font-weight: 400; font-family: Lora; margin-bottom: 20px}.hightlight-section .carousel-indicators li { text-indent: 0; width: auto; height: 50px; border: none; background-color: transparent; align-items: center; display: flex; font-size: 16px; border-right: 1px dotted #000; margin: 0; background: #fff; padding: 0 5%; color: #212121; text-align: center}.hightlight-section .carousel-control-next, .hightlight-section .carousel-control-prev { display: none}.hightlight-section .carousel-indicators li:first-child { border-radius: 5px 0 0 0}.hightlight-section .carousel-indicators li:last-child { border-right: none; border-radius: 0 5px 0 0}.hightlight-section .carousel-indicators { margin: 0 15%; bottom: 0; cursor: pointer} .hightlight-section .carousel-indicators .active { border-bottom: 2px solid #d92236 }.hightlight-section .carousel-caption { width: 100%; left: 0; background: #000; position: initial; padding: 5px 0} .hightlight-section .carousel-caption h2 { font-size: 38px; color: #fff; text-transform: capitalize }.amenity-title { font-size: 16px; line-height: 23px; color: #101010; font-weight: 400; text-align: center; margin-top: 10px}#amnCarousel .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%304b79' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}#amnCarousel .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%304b79' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}#amnCarousel .carousel-control-next, #amnCarousel .carousel-control-prev { border: 1px solid #717275; border-radius: 50px; width: 40px; height: 40px; opacity: 1; top: 100%; margin-top: 40px}#amnCarousel .carousel-control-next-icon, #amnCarousel .carousel-control-prev-icon { width: 12px; height: 12px}#amnCarousel .carousel-control-prev { left: 40%}#amnCarousel .carousel-control-next { right: 40%}#accordion1 .card-header.active a { color: #fff !important}.card.active a > img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); transition: .3s}#locationSec .card-header > a:before { float: right !important; content: "\f056"; font-family: FontAwesome; background-color: transparent; border-radius: 50px; text-align: center; padding: 0 5px}#locationSec .card-header > a.collapsed:before { float: right !important; content: "\f055"; font-family: FontAwesome}#locationSec .card-header > a:active, #locationSec .card-header > a:focus, #locationSec .card-header > a:hover { text-decoration: none}#locationSec ul li { text-align: left}#accordion1 a { color: #000 !important}#accordion1 .card-header.active { background-color: #483b81}footer { background-color: #717275; color: #fff}.footer-line { border-color: #919394; width: 100%}.disclaimer { font-size: 12px; text-align: justify !important}@media(max-width:991px) { .bottom-nav .nav-link { font-size: 12px } .sub-title { font-size: 28px } .desc-para { width: auto } #amnCarousel .carousel-control-prev { left: 30% } #amnCarousel .carousel-control-next { right: 30% } .bg-blue-btn { top: 2%; right: 20px } .carousel-indicators { display: none }}@media(max-width:767px) { .navbar-dark .navbar-toggler { border-color: #b48900; background: #b48900 } .gallery-div { margin-bottom: 3rem } #bannerSec h1 { font-size: 2rem } .blue-title { text-align: center } #overviewSec .desc-para { text-align: center } .sub-title { margin-bottom: 10px } .yello-btn { margin-top: 30px } #amnCarousel .carousel-control-next, #amnCarousel .carousel-control-prev { top: 50%; margin-top: 0 } #amnCarousel .carousel-control-prev { left: 5% } #amnCarousel .carousel-control-next { right: 5% } .gallery-slider { margin-top: 20px } #book-online { padding-bottom: 0 } #overview { padding-bottom: 30px } .site-img-desc { padding: 5px; font-size: 14px; line-height: 22px } .slick-slide.slick-active.slick-center img { height: auto }}.walkthrought-section h3 { font-size: 36px; line-height: 44px; color: #717275; font-weight: 400; font-family: Lora}.table-new { width: 100%;} .table-new tr { border-bottom: solid 1px #d9d9d9; } .table-new td, th { height: 55px !important; }tr:hover { background-color: #ffffff1f;}.mar-left-15 { margin-left: 15px;}.carousel-caption-main-title { font-size: 10px !important; letter-spacing: 5px !important; line-height: 12px !important; color: #ffffff !important; font-weight: 300 !important;}.caption-back { position: absolute; bottom: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); color: #f1f1f1; padding: 20px;}.enquiry-mobile { background: #2B4621 none repeat scroll 0 0; bottom: 0; position: fixed; width: 100%; z-index: 100;} .enquiry-mobile ul { list-style-type: none; margin: 0; padding: 0; } .enquiry-mobile ul li { float: left; text-align: center; width: 33.3333%; } .enquiry-mobile ul li a { background-color: #9C6D23; color: #fff; display: block; font-size: 14px; text-decoration: none; padding: 6px 0; }.madhale-btn { background-color: #fbb601 !important; color: #000 !important;}.text-justify { color: #494949;}.pb-am { padding-bottom: 7rem !important;}.bg-yellow { background-color: #717275; color: #ffffff !important;}.slick-next:hover { background-color: #717275 !important;}.slick-prev:hover { background-color: #717275 !important;}.slick-prev { color: #717275 !important;}.slick-next { color: #717275 !important;}.modal-header .close { padding: 0 !important; margin: 0 !important;}.location button { padding: 8px; font-size: 13px; border: 0; font-weight: 600; cursor: pointer;}.ami-iconholder { background: #ffffff; text-align: center; position: relative; height: 575px; margin-top: 30px; transition: ease all 0.5s; -webkit-box-shadow: 0 10px 8px -6px rgb(0 0 0 / 50%); -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 50%); transform: translateY(-10px); transition: ease all 0.5s;} .ami-iconholder:hover { -webkit-box-shadow: 15px 13px 20px -6px rgb(0 0 0 / 50%); -moz-box-shadow: 15px 13px 20px -6px rgb(0 0 0 / 50%); box-shadow: 15px 13px 20px -6px rgb(0 0 0 / 50%); transform: translateY(-10px); transition: ease all 0.5s; } /*.ami-iconholder:before{content: ""; height: 20px; width: 20px; position: absolute; top: 0; left: 0; border-top: 3px solid #010a21; border-left: 3px solid #010a21;}.ami-iconholder:after{content: ""; height: 20px; width: 20px; position: absolute; bottom: 0; right: 0; border-bottom: 3px solid #010a21; border-right: 3px solid #010a21;}*/ .ami-iconholder h4 { font-size: 16px; margin-bottom: 10px; margin-top: 4px; padding-left: 10px; padding-right: 10px; } .ami-iconholder li { text-align: left; list-style: circle; line-height: 1.2; font-size: 14px; color: #494949 !important; } .ami-iconholder img { width: 75px !important; margin: auto; } .ami-iconholder ul { margin-top: 0; margin-bottom: 1rem; /* padding: 18px; */ padding-left: 25px; padding-right: 5px; }#pro li { list-style: circle; color: #494949 !important;}#floor-plans .sub-title, #floor-plan .main-title { color: #ffffff !important;}#locp p { margin-bottom: 2px !important}#whyus { background-color: #fffdfa;}#contactSec { background-color: #fffdfa;}.bg-lightpink { background-color: #fffdfa;}.pulseanimation { animation: pulse-cust 2s infinite;}#contactSec .sub-title { color: #000;}@keyframes pulse-cust { 0% { -webkit-box-shadow: 0 0 0 0 #717275; } 70% { -webkit-box-shadow: 0 0 0 25px rgb(227 56 56 / 0%); } 100% { -webkit-box-shadow: 0 0 0 0 rgb(227 56 56 / 0%); }}.blink_me { animation: blinker 2.0s linear infinite;}@keyframes blinker { 50% { opacity: 0; }}.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057 !important;}.nav-tabs .nav-link { border: 1px solid !important; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; margin-right: 6px;}.amenities-tabs p { margin-bottom: 0px !important;}.img-blurr { filter: blur(8px); -webkit-filter: blur(8px);}#locationSec .ami-iconholder {}#priceSec td { font-size: 14px;} #priceSec td .btn-sm { padding: 2px 5px; font-size: 12px; }.early { font-size: 12px;}.sub-title { font-size: 36px; line-height: 44px; color: #4c3d03; text-transform: uppercase !important; font-family: Lora !important;}.main-title { font-size: 16px; letter-spacing: 0px; line-height: 35px; color: #767271; font-weight: 400; text-transform: uppercase !important; font-family: Lora !important;}.btn { font-family: Lora !important;}.apartments-list { overflow-x: hidden; background: #fff; padding-bottom: 80px;}.pad-tb { padding-top: 90px; padding-bottom: 90px;}.list-features li { font-size: 16px; line-height: 1.5; margin-top: 10px; list-style: none !important; color: #494949; line-height: 1.5; background-size: 18px; background-repeat: no-repeat; background-position: 5px 2px; padding-left: 10px;}.list-features i { color: #717275 !important;}#whyus h1, #whyus li { color: #494949 !important;}#uplist li { margin-top: 20px !important;}#gallery img { margin-top: 20px !important;}.form-control { background-color: transparent; border: 1px solid #ffffff; border-radius: 0 !important;}#contactSec hr { border-top: 1px solid #ccc !important;}.trm { color: #434343 !important;}/*#amenitiesSec img { width: 80px !important; filter: grayscale(100%);}*/.partk-titan { display: flex; justify-content: center; align-items: center;}.artisticimpression { position: absolute; bottom: 10px; padding-left: 3px; padding-right: 3px; right: 16px; color: #000000; background: #e2e2e2b3; font-size: 10px; line-height: 1.5; border-radius: 3px;}.checkbox-label { font-size: 12px; color: #838383;} .checkbox-label a { color: #838383 !important; text-decoration: underline }.form-control { border-color: #a97f00;}.contacta a { color: #a97f00;}.property-card { border: none; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s ease-in-out; max-width: 280px; margin: auto; margin-top: 10px;} .property-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); }.card-body { padding: 20px;}.label-text { font-size: 13px; color: #777; margin-bottom: 4px;}.value-text { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 0;}.price-small { font-size: 11px; color: #777;}.btn-enquire { background-color: #717275; color: #fff; font-weight: 500; border-radius: 50px; padding: 10px 25px; transition: background 0.3s ease-in-out; font-size: 14px;} .btn-enquire:hover, .bg-yellow:hover { background-color: #5d5d60; color: #fff; }.btn-price { background-color: #fff; color: #9C6D23 !important; font-weight: 400; border-radius: 40px; padding: 4px 12px; transition: all 0.3s ease-in-out; font-size: 12px; border: 1px solid #9C6D23; box-shadow: none !important;} .btn-price:hover { background-color: #9C6D23; color: #fff !important; text-decoration: none; }.text-primary { color: #717275 !important;}.cta-section li { margin-top: 20px !important;} .cta-section li img { width: 40px; } .cta-section li span { font-size: 18px; line-height: 1.3; }#whyus li { margin-top: 20px !important;} #whyus li img { width: 40px; } #whyus li span { font-size: 17px; line-height: 1.3; color: #494949; font-weight: 500; }.card-header { background-color: #f7f7f7;}.btn-capsule { padding: 3px 10px !important; font-size: 15px !important; line-height: 1.5 !important; border-radius: 20px !important; box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); color: #fff !important; background-color: #717275 !important; border-color: #717275 !important;}.abt-desc .h2 { margin-bottom: 0px !important;}.abt-makers img { width: 45px;}#ddlCountryCodeform { width: 33%;}#txtMobile { width: 65%;}#txtMobileP { width: 33%;}.form-row { display: block !important;}#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999; display: flex; align-items: center; justify-content: center;} #preloader.fade-out { opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease; }#amenitiesSec img, .cta-section .inversimg img { filter: grayscale(100%) !important; transition: filter 0.3s ease;}#gallery img, #pwc img { border-radius: 10px;}.form-control { padding: .275rem .15rem !important; font-size: 14px !important;}@media screen and (max-width: 600px) { #enquiry-mobile { visibility: visible; display: block; } #live p { font-size: 15px; text-align: left !important; } .modal-body { padding-left: unset !important; padding-right: unset !important; } #contactSec { padding-bottom: 0px !important; padding-top: 0px !important; } #contactSec .pad { padding: 1rem !important; } #uplist { margin-left: -25px !important; } .spinImg { padding-top: 35px; padding-bottom: 35px; } .cta-section .pad { padding: 0px !important; padding-bottom: 50px !important; } .col-sm-6 { width: 50% !important; } .carousel-caption-position { bottom: -3% !important; text-align: center !important; right: unset !important; left: unset !important; width: 100%; } .carousel-caption-main-title { padding-bottom: 35px !important; } .carousel-caption-title { font-size: 23px !important; line-height: 16px !important; color: #fbb601 !important; }}@media (min-width:600px) { #enquiry-mobile { visibility: hidden; display: none; } .ami-iconholder { height: 385px !important; } #contactSec .pad { padding: 3rem !important; } .cta-section .pad { padding: 5rem !important; } .carousel-caption-position { bottom: -3% !important; text-align: center !important; left: 25% !important; right: 25% !important; } .carousel-caption-main-title { padding-bottom: 15px !important; } .carousel-caption-title { font-size: 28px !important; line-height: 33px !important; color: #fbb601 !important; }}.bg-gray { background: linear-gradient(135deg, #54380b, #7b5416, #895f15);}:root { --primary-color: #9C6D23; --secondary-color: #D4AF37; --accent-color: #F4E4BC; --light-bg: #fefefe; --dark-text: #3E2723; --light-text: #8D6E63;}.amenities-header { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: white; padding: 70px 0 50px; margin-bottom: 40px; text-align: center; position: relative; overflow: hidden;} .amenities-header::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,213.3C672,192,768,128,864,128C960,128,1056,192,1152,192C1248,192,1344,128,1392,96L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>'); background-size: cover; background-position: center bottom; }.amenities-headeraa h2 { font-weight: 300; font-size: 2rem; margin-bottom: 15px; position: relative;}.amenities-header p { font-size: 1.2rem; opacity: 0.9; max-width: 600px; margin: 0 auto; position: relative;}.amenity-card { background: white; border-radius: 12px; box-shadow: 0 8px 25px rgba(156, 109, 35, 0.1); transition: all 0.4s ease; height: 100%; overflow: hidden; margin-bottom: 30px; border: 1px solid rgba(212, 175, 55, 0.2);} .amenity-card:hover { transform: translateY(-12px); box-shadow: 0 15px 35px rgba(156, 109, 35, 0.15); }.amenity-icon { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: white; font-size: 2.8rem; padding: 30px; text-align: center; position: relative; overflow: hidden;} .amenity-icon::after { content: ""; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); transform: rotate(30deg); }.amenity-content { padding: 30px 25px;} .amenity-content h3 { font-size: 1.5rem; margin-bottom: 15px; color: var(--primary-color); font-weight: 600; } .amenity-content p { color: var(--light-text); line-height: 1.7; font-size: 1.05rem; }.section-divider { width: 100px; height: 4px; background: var(--accent-color); margin: 30px auto; border-radius: 2px; position: relative;} .section-divider::before { content: ""; position: absolute; top: 0; left: 25%; width: 50%; height: 100%; background: var(--secondary-color); border-radius: 2px; }.amenities-intro { max-width: 800px; margin: 0 auto 50px; text-align: center; padding: 0 20px;} .amenities-intro h2 { color: var(--primary-color); margin-bottom: 20px; font-weight: 300; font-size: 2.2rem; } .amenities-intro p { color: var(--light-text); font-size: 1.1rem; }.gold-text { color: var(--secondary-color); font-weight: 600;}footer { background: linear-gradient(135deg, #291900, #5b3800); color: #e7e7e7 !important; padding: 40px 0 30px; text-align: center;} footer a, footer p { color: #e7e7e7 !important; text-decoration: none !important; }.footer-content { max-width: 700px; margin: 0 auto;} .footer-content h4 { margin-bottom: 20px; font-weight: 300; font-size: 1.8rem; } .footer-content p { opacity: 0.9; margin-bottom: 20px; }.copyright { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 20px; margin-top: 20px; font-size: 0.9rem; opacity: 0.8;}.gradient-icon { background: linear-gradient(135deg, #9C6D23, #D4AF37); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; display: inline-block;}.list-group-item { padding: .75rem 0.25rem !important;}.cta-section li i { font-size: 1.5rem;}.btn-gradient { background: linear-gradient(135deg, #9C6D23, #c4944a, #9C6D23); background-size: 200% 200%; color: #fff; font-weight: 600; border: none; box-shadow: 0 4px 12px rgba(156, 109, 35, 0.4); transition: all 0.4s ease; position: relative; overflow: hidden;} .btn-gradient::after { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 120deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 80% ); transform: skewX(-25deg); } .btn-gradient:hover::after { animation: shine 0.9s forwards; }@keyframes shine { 100% { left: 125%; }}.btn-gradient:hover { background-position: right center; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(156, 109, 35, 0.5); color: #fff;}.btn-unit { background: linear-gradient(135deg, #F5E6CC, #fff4e0, #fefdfc); color: #000 !important;}/* Banner Container (holds aspect ratio) */.banner-container { width: 100%; display: block; overflow: hidden; aspect-ratio: 412 / 659; /* fallback desktop image ratio */}/* Mobile Small 412px */@media (max-width: 412px) { .banner-container { aspect-ratio: 412 / 659; }}/* Mobile Large 500px */@media (min-width: 413px) and (max-width: 500px) { .banner-container { aspect-ratio: 500 / 800; }}/* Tablet / Small Desktop 1521px */@media (min-width: 501px) and (max-width: 1521px) { .banner-container { aspect-ratio: 1521 / 684; }}/* Large Desktop */@media (min-width: 1522px) { .banner-container { aspect-ratio: 1920 / 864; }}/* Banner Image (NO CROPPING) */.banner-img { width: 100%; height: auto; /* Important for no cropping */ display: block; /* Improve rendering performance */ transform: translateZ(0); backface-visibility: hidden; /* Make sure browser respects the full image */ object-fit: contain; /* FULL IMAGE ALWAYS VISIBLE */}