@import "//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

@font-face {
font-family:"Outfit";
src:url(../fonts/Outfit/Outfit-Medium.woff2) format("woff2"),url(../fonts/Outfit/Outfit-Medium.woff) format("woff"),url(../fonts/Outfit/Outfit-Medium.ttf) format("truetype");
font-weight:500;
font-style:normal;
font-display:swap
}

@font-face {
font-family:"coldiac_freeregular";
src:url(../fonts/Coldiac/coldiac-webfont.woff2) format("woff2"),url(../fonts/Coldiac/coldiac-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}

@font-face {
font-family:"Helvetica";
font-style:normal;
font-weight:400;
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

h1,h2,h3,h4,h5,h6 {
font-family:"Helvetica";
font-style:normal;
font-weight:600;
font-display:swap;
src:url(../fonts/Coldiac/coldiac-webfont.woff2) format(woff2);
unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF
}

h1,h2 {
font-family:"Libertinus Serif Display",system-ui
}

* {
margin:0;
padding:0;
font-family:"Outfit"
}

.page-wrapper {
background-color:#e2e6e9
}

.pageloader {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:9999;
background:url(images/loader.gif) 50% 50% no-repeat #f9f9f9;
background-size:108px;
opacity:.8
}

@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
transform:perspective(120px) rotateX(0deg) rotateY(0deg)
}

50% {
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}

100% {
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}

@keyframes sk-rotateplane {
0% {
-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
transform:perspective(120px) rotateX(0deg) rotateY(0deg)
}

50% {
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}

100% {
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}

.dark-back {
background-color:#232d30
}

section {
border:transparent
}

.mx-auto {
margin:auto
}

.banner-col {
color:#c0840d;
font:600;
text-transform:uppercase;
font-size:20px;
font-weight:800
}

.left-text {
position:relative
}

.left-text::after {
position:absolute;
content:"";
height:50px;
width:2px;
top:11px;
left:176px;
background-color:#d2b969
}

.nav-link.desktop-logo img {
display:block;
width:35px;
margin:-5px 0 0
}

.mobile-logo {
display:none
}

.mobile-logo img {
width:30px
}

.left-text .icon {
position:absolute;
float:left;
width:20%;
color:#383b5d;
font-size:32px;
margin:10px -47px 20px 0
}

.left-text .data {
position:absolute;
float:right;
width:70%;
margin:12px 33px 12px 34px;
color:#383b5d;
text-transform:uppercase
}

.left-text .data .sub-data {
font-weight:700;
font-size:18px
}

.left-text .data h5 {
color:#383b5d
}

.right-text .icon {
font-size:22px;
font-weight:600;
margin:6px -33px 20px 6px
}

.right-text .data {
margin:-24px 0 9px 6px
}

.price-text {
font-size:26px;
margin:0 0 8px;
text-align:center
}

.price-sub-text {
font-weight:700;
font-size:26px;
letter-spacing:.5px
}

#home .project-details .price {
font-size:20px;
font-weight:600;
text-transform:capitalize
}

.navbar-toggler-icon {
color:dark
}

#policy-container {
width:90%;
max-width:1140px;
margin:100px auto 20px;
padding-bottom:50px
}

nav.navbar {
background-color:#fff;
padding:10px 20px;
width:calc(100% - 300px);
box-shadow:0 2px 8px 0 #383b5d40
}

nav.navbar.navbar-policy {
background-color:#fff;
padding:6px 100px;
width:100%;
box-shadow:0 2px 8px 0 #383b5d40
}

.navbar-light .navbar-brand {
height:59px;
align-items:center;
display:flex
}

.navbar-light .navbar-brand img {
width:45%
}

.nav ul.navbar-collapse {
margin:0 20px 0 0
}

.navbar-light .navbar-nav .nav-link {
padding:0 13px;
font-weight:100;
font-size:1.1vw;
color:#474749
}

.navbar-light .navbar-nav .nav-item:hover a.nav-link {
text-decoration:dashed;
color:#a98028
}

.contact-btn {
border-radius:10px;
background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)
}

.contact-btn:hover {
background:radial-gradient(ellipse farthest-corner at left top,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at right bottom,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)
}

.main-container {
margin-top:59px
}

.left-section {
width:calc(100% - 300px)
}

#home {
background-color:#232d30;
position:relative
}

.carousel-control-next-icon,.carousel-control-prev-icon {
width:15px;
height:15px
}

.slide-btn .carousel-control-prev {
margin-left:30vw;
margin-top:52%;
width:40px;
height:40px;
background-color:#383b5d;
border-radius:50%;
z-index:99
}

.slide-btn .carousel-control-next {
margin-right:30vw;
margin-top:52%;
width:40px;
height:40px;
background-color:#383b5d;
border-radius:50%;
z-index:99
}

.slide-btn {
display:flex;
justify-content:center;
bottom:0
}

.carousel-indicators [data-bs-target] {
height:4px
}

#home .img-banner2 {
margin:100px 0 50px
}

#home .project-details {
position:absolute;
background:url(../images/contact/patter1.webp) top right / 100% no-repeat transparent;
background-color:#fff;
border-radius:22px;
padding:16px;
top:45px;
margin:9px 640px 0 30px;
width:300px;
height:auto;
box-shadow:0 0 5px #383b5d38
}

#home .project-details h1 {
font-size:23px;
letter-spacing:0;
letter-spacing:1px
}

#home .project-details h1 span {
display:block
}

#home .project-details h5 {
font-size:16px
}

#home .project-details h2 {
font-size:30px;
margin:40px 0 -1px
}

#home .project-details h3 {
font-size:18px;
margin:0 0 10px 42px
}

#home .project-details h2 .price {
letter-spacing:-2px;
font-weight:900;
color:#383b5d
}

.desktop-summary {
position:absolute;
width:300px;
right:0;
z-index:999;
position:fixed;
top:0;
height:100%;
background-color:#fff;
box-shadow:0 -1px 11px 0 #383b5d8f
}

.og-block {
padding:0
}

.og-block .btn {
background-color:#0e203b;
color:#fff;
border:0;
font-size:13px;
width:100%;
border-radius:0
}

.og-block .btn:first-child {
border-right:1px solid #fff
}

.call-back-section .callBackBtn {
text-shadow:0 3px 6px #322601;
background-color:#503d10;
background:linear-gradient(-45deg,#917a27,#0e203b,#917a27,#0e203b);
background-size:400% 400%;
-webkit-animation:Gradient 3s ease infinite;
-moz-animation:Gradient 3s ease infinite;
animation:Gradient 3s ease infinite;
color:var(--colorBtn);
border:none;
color:#fff;
font-size:14px
}

form .form-check-input:checked {
background-color:#858383;
border:1px solid #858383
}

input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance:none
}

.form-section {
height:calc(100% - 80px);
padding-top:30px!important
}

.form-section h2 {
font-size:16px
}

.preRegisterBtn {
text-shadow:0 3px 6px #322601;
background-color:#503d10;
background:linear-gradient(-45deg,var(--Secondary-color),#336ab4,var(--Secondary-color),#336ab4);
background-size:400% 400%;
-webkit-animation:Gradient 3s ease infinite;
-moz-animation:Gradient 3s ease infinite;
animation:Gradient 3s ease infinite;
color:var(--colorBtn);
border:none;
color:#fff;
font-size:14px
}

.offer-header {
padding:10px;
background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)
}

.offers {
padding:10px 0;
color:#383b5d;
font-weight:600;
font-size:14px;
background:fixed;
transform:scale(1)
}

.offers li {
background:#e5e5e5;
padding:4px 10px;
margin-bottom:0;
border-radius:0;
color:#515151
}

.offers li:first-child {
border-radius:6px 6px 0 0
}

.offers li:last-child {
border-radius:0 0 6px 6px
}

.offerBox {
padding:5px;
color:#fff;
font-weight:500;
font-size:14px;
width:100%;
background:fixed;
margin:10px auto;
transform:scale(1);
text-align:center
}

.offerBox .innerBox {
border:2px dashed #fff;
padding:10px 0;
font-size:13px
}

.tableOffers {
background:#eeee!important;
border-radius:5px;
padding:10px
}

.tableOffers table {
border-collapse:collapse;
min-width:60%;
max-width:100%;
margin:auto
}

.tableOffers table td {
font-weight:400
}

.animatedtext {
background:linear-gradient(-45deg,#917a27,#0e203b,#917a27,#917a27);
background-size:400% 400%;
animation:Gradient 3s ease infinite
}

.offers-list {
padding:10px 0;
color:#383b5d;
margin:10px;
font-weight:100;
font-size:12px;
background:#cdcdcd;
transform:scale(1);
border:0;
-webkit-animation:pulse 1.5s ease infinite;
animation:popup 1.5s ease infinite;
letter-spacing:1.1px;
font-family:"Outfit"
}

@keyframes AnimationName {
0% {
background-position:0 4%
}

50% {
background-position:100% 97%
}

100% {
background-position:0 4%
}
}

@keyframes popup {
50% {
transform:scale(1.1)
}

100% {
transform:scale(1)
}
}

@keyframes rocking {
0% {
transform:rotate(0deg)
}

25% {
transform:rotate(0deg)
}

50% {
transform:rotate(2deg)
}

75% {
transform:rotate(-2deg)
}

100% {
transform:rotate(0deg)
}
}

@-webkit-keyframes Gradient {
0% {
background-position:0 50%
}

50% {
background-position:100% 50%
}

100% {
background-position:0 50%
}
}

@-moz-keyframes Gradient {
0% {
background-position:0 50%
}

50% {
background-position:100% 50%
}

100% {
background-position:0 50%
}
}

@keyframes Gradient {
0% {
background-position:0 50%
}

50% {
background-position:100% 50%
}

100% {
background-position:0 50%
}
}

.effetMoveGradient,.effetMoveGradient:hover {
background-color:#503d10;
background:#917a27;
background-size:400% 400%;
-webkit-animation:Gradient 3s ease infinite,rocking 3s ease infinite;
animation-delay:2s!important;
-moz-animation:Gradient 3s ease infinite,rocking 3s ease infinite;
animation-delay:2s!important;
animation:Gradient 3s ease infinite,rocking 3s ease infinite;
animation-delay:2s!important;
color:#fff
}

.effetGradient,.effetGradient:hover {
-webkit-animation:Gradient 3s ease infinite;
-moz-animation:Gradient 3s ease infinite;
animation:Gradient 3s ease infinite
}

.effectScale {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}

.effectScale:hover {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
-webkit-transform:scale(1.08);
-moz-transform:scale(1.08);
-ms-transform:scale(1.08);
-o-transform:scale(1.08);
transform:scale(1.08)
}

.error {
display:none;
color:red;
font-size:11px
}

#highlights {
background-color:#0e203b;
padding:60px;
margin:10px;
color:#fff
}

#highlights h1 {
font-size:30px;
color:#917a27;
font-weight:600;
letter-spacing:1px
}

.highlightData {
padding-left:50px;
position:relative;
align-items:center;
display:flex;
margin-bottom:0;
font-size:16px;
font-weight:800;
margin-bottom:5px;
line-height:26px
}

.highlightData p {
font-size:16px;
font-weight:100;
margin-bottom:0
}

.iconBox {
position:absolute;
left:0;
top:0;
font-size:28px
}

#highlights .overview-details {
background-color:#336ab438;
color:#fff;
font-size:16px;
padding:41px 6px 0;
margin:15px 40px 20px 0;
border-radius:0 0 25px 22px
}

#highlights .overview-details .data h5 {
-webkit-transition:.5s all ease;
transition:.5s all ease;
font-size:14px
}

#highlights .overview-details:hover .data h5 {
letter-spacing:1px
}

#highlights .overview-details .icon {
float:left;
width:10%;
text-align:center;
font-size:24px;
margin:-48px 0 0 -12px;
padding:6px 0;
border-radius:50%;
background:#fff;
color:#383b5d;
box-shadow:0 0 20px 0 #383b5db5
}

#highlights .overview-details:hover .icon {
color:#fff;
background:#383b5d
}

#highlights .overview-details .data {
float:right;
margin:-31px 0 0 -12px;
width:90%
}

.offers .fa {
font-size:10px
}

.mt-50 {
margin-top:50px
}

.ml-30 {
margin-left:30px
}

.ml-50 {
margin-left:50px
}

.mb-50 {
margin-bottom:50px
}

.pt-50 {
padding-top:50px
}

.pb-50 {
padding-bottom:50px
}

.pb-30 {
padding-bottom:30px
}

.pt-100 {
padding-top:100px
}

.pb-100 {
padding-bottom:100px
}

.gold-gradient {
background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)
}

.btn-hover:hover {
background:radial-gradient(ellipse farthest-corner at left top,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)
}

.details-btn {
border:none;
color:#fff;
padding:5px 50px;
font-size:16px
}

.details-btn:hover {
color:#fff;
background:radial-gradient(ellipse farthest-corner at left top,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at right bottom,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)
}

#overview {
background-color:#fff;
margin:10px;
padding:60px 20px 100px
}

.header-noclick {
top:0;
left:0;
width:100%;
height:60px;
position:absolute;
pointer-events:auto
}

.footer-noclick {
bottom:0;
right:0;
width:50%;
height:40px;
position:absolute;
pointer-events:auto
}

.overview-data {
margin:-10px 10px 0 0
}

.overview-data h1 {
color:#0e203b;
font-size:36px;
letter-spacing:2px
}

a.viewmore {
font-size:14px;
text-decoration:none;
font-weight:700;
color:#383b5d;
background-color:transparent;
border:0;
padding:0
}

.moreText {
color:#fff;
display:none;
font-size:14px
}

.moredisclaimerText {
display:none
}

.offer-info-text {
font-size:17px;
line-height:24px
}

.viewmore .button i {
transition:transform 300ms ease-in-out
}

.download-brochure {
width:220px;
padding:5px 10px
}

.download-brochure .fa-download {
margin:6px 0 0 5px;
-webkit-animation:downloadbr .5s linear infinite;
animation:downloadbr .9s linear infinite
}

@-webkit-keyframes downloadbr {
0% {
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
visibility:visible
}

80% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

100% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}

.amenities-info {
padding:0 30px
}

.color-light {
color:#fff
}

.color-imp {
color:#383b5d;
font-weight:800
}

.btn-overview {
background-color:transparent;
border:none;
color:#383b5d
}

.btn-overview:hover {
content:"Read Less"
}

.hidden {
display:none
}

.overview-info {
font-size:16px;
line-height:30px
}

.btn-overview:active .fa-chevron-right {
display:none
}

#floor-plan {
padding:60px 30px;
margin:10px;
background-color:#0e203b
}

.pricing3 .tab-content .list-inline img.img-tab {
width:6%;
height:20%;
margin:8px 8px 0 0;
filter:var(--pricing-filter)
}

#floor-plan h1 {
font-size:30px;
font-weight:800;
color:#383b5d
}

#floor-plan .card {
background-color:#40484b;
padding:20px;
border-radius:22px;
border:none;
-webkit-transition:all .5s;
transition:all .5s
}

#floor-plan .card .card-img {
height:176px;
width:100%;
border-radius:22px
}

.floor-plan-img {
align-items:center;
display:flex
}

.floor-plan-img img {
width:90%
}

#floor-plan .card .price-data {
text-align:center;
font-size:18px;
color:#fff;
margin:10px 20px
}

#floor-plan .card:hover {
background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
-webkit-transform:translate(0,-10px);
transform:translate(0,-10px)
}

#floor-plan .card:hover h5 {
color:#fff
}

.floor-plan-data .icon img {
float:left;
width:30%;
color:#383b5d
}

#floor-plan .card:hover img.icon-svg {
filter:brightness(50)
}

.floor-plan-data {
margin:10px 2px 0 10px
}

.floor-plan-data .data {
padding-left:5px;
float:right;
text-align:left;
width:70%
}

.floor-plan-data .data h6,h5 {
font-size:16px
}

.floor-plan-data .data h5 {
font-weight:700
}

.pricing3 {
font-family:"Montserrat",sans-serif;
color:#8d97ad;
font-weight:300
}

#price-section {
background-color:#232d30
}

.pricing3 .nav-pills .nav-link .sub-data {
color:#fff;
font-weight:700;
font-size:17px
}

.pricing3 .nav-pills .nav-link.active .sub-data {
color:#ffff;
font-weight:500
}

.pricing3 .font-weight-medium {
font-weight:500
}

.pricing3 .bg-light {
background-color:#f4f8fa!important
}

.pricing3 .subtitle {
color:#fff;
line-height:24px
}

.pricing3 .inventory {
font-size:16px;
font-weight:500
}

.pricing3 .sub-inventory {
font-size:12px;
letter-spacing:1px
}

.pricing3 .nav-pills .nav-link.active .inventory {
color:var(--tab-color);
font-weight:500;
font-size:16px
}

.pricing3 .col-lg-2 {
padding-right:0;
position:relative;
z-index:1
}

.pricing3 .col-lg-10 {
padding-left:0
}

.pricing3 .nav-pills {
border-radius:4px;
border-right:0;
font-weight:700
}

#price-section .tab-content .costing-img {
position:relative
}

#price-section .tab-content .costing-img img {
max-height:100%
}

#price-section .tab-content .costing-img a {
position:absolute;
text-decoration:none;
color:#fff;
padding:10px 20px 30px;
background:#0c010191;
left:0;
right:0;
top:0;
bottom:0;
height:50px;
margin:auto;
width:calc(100% - 21px);
padding:0;
line-height:50px;
border:none
}

.pricing-btn {
background-color:#383b5d;
display:inline;
margin:auto;
font-size:13px;
padding:10px 20px
}

.pricing3 .tab-content .pricing-box-costing {
padding:50px 0 40px 40px;
background:#40484b
}

.pricing-box-costing .table {
margin:0 0 20px
}

.pricing-box-costing .table .thead td {
color:#fff;
font-size:16px;
font-weight:600;
text-align:center
}

.pricing-box-costing .table tr td {
color:#fff;
font-size:13px;
text-align:center
}

#price-section .pricing-box-costing h2 {
font-size:18px;
padding:0
}

.nav-pills .nav-link {
background:0 0;
border:0;
border-radius:5px 0 0 0
}

.pricing3 .nav-pills .nav-link {
padding:12px 30px 7px;
color:#fff;
width:auto;
border-top:2px solid #40484b;
border-left:2px solid #40484b;
border-right:2px solid #40484b;
text-align:center;
margin:0 2px;
border-radius:5px 5px 0 0
}

.pricing3 .nav-pills .nav-link h2 {
color:#8d97ad
}

.pricing3 .nav-pills .nav-link.active {
background:#40484b;
border-radius:0;
-webkit-box-shadow:-20px 0 40px #0000001a;
box-shadow:-20px 0 40px #0000001a;
border-radius:5px 5px 0 0
}

.pricing3 .nav-pills .nav-link.active h2 {
color:#263238
}

.pricing3 .tab-content {
background:#40484b;
overflow:hidden;
-webkit-box-shadow:0 0 60px #0000001a;
box-shadow:0 0 60px #0000001a
}

.pricing3 .tab-content .pricing-box {
padding:37px 80px;
background:#40484b
}

.pricing3 .tab-content h2 {
color:#383b5d;
font-size:21px
}

.pricing3 .tab-content .list-inline {
margin-top:15px
}

.pricing3 .tab-content .list-inline img {
width:6%;
height:20%;
margin:8px 20px 0 0;
filter:var(--pricing-filter)
}

.pricing3 .tab-content .list-inline li {
font-weight:400;
color:#fff;
transition:.5s all ease
}

.pricing3 .tab-content .list-inline li:hover {
letter-spacing:1px;
color:#daa22e
}

.pricing3 .tab-content .list-inline li:hover img {
filter:brightness(50)
}

.pricing3 .tab-content .list-inline li span {
display:inline-block;
vertical-align:middle;
color:#fff;
font-size:14px
}

.tab-content .list-inline li span .sub-title-data {
font-size:14px;
font-weight:500;
color:#fff
}

.tab-content .list-inline li span .sub-title-data1 {
font-size:28px;
font-weight:700
}

.pricing3 .tab-content .list-inline li i {
font-size:40px;
vertical-align:middle;
width:80px;
opacity:.5
}

.custom-btn {
width:216px;
display:block;
font-size:15px;
padding:10px;
transition:.4s all ease;
background:#917a27;
color:var(--button-text-color);
border-radius:48px;
box-shadow:1px 1px 2px 0 #00000042;
border:1px solid #917a27;
font-family:"Libertinus Serif Display",system-ui;
letter-spacing:1px
}

#sc-price {
padding:50px;
margin:10px;
background-color:#fff
}

#sc-price h1 {
font-size:32px;
font-weight:700;
color:#0e203b;
letter-spacing:1px
}

.sec-price .table {
max-width:70rem;
margin-inline:auto;
border-radius:1.5rem;
overflow:hidden;
outline:1px solid #383b5d;
margin-top:2rem
}

.pricing-btn-1 {
margin:0 18%
}

.sec-price .table thead th {
background-color:#917a27;
color:#fff;
font-size:1.1rem;
font-weight:500;
padding:.8rem 1.8rem
}

.table-striped > tbody > tr {
vertical-align:middle
}

.section-bg {
background-color:#fff;
padding:50px
}

.section-bg .section-title h2 {
font-size:28px;
font-weight:700;
margin-bottom:20px;
padding-bottom:20px;
position:relative;
color:#fff
}

.section-bg img {
width:80%
}

.section-title h2::before {
content:"";
position:absolute;
display:block;
width:120px;
height:1px;
background:#ddd;
bottom:1px;
left:calc(50% - 60px)
}

.section-title h2::after {
content:"";
position:absolute;
display:block;
width:40px;
height:3px;
background:#fff;
bottom:0;
left:calc(50% - 20px)
}

.enquiryNowBtn.custom-btn {
margin:auto;
left:0;
right:0
}

.custom-btn:hover {
transition:.4s all ease;
background:#0e203b;
color:var(--button-text-hover-color);
box-shadow:4px 4px 12px 0 #00000042
}

.custom-btn:active {
transition:.2s all ease;
background:#383b5d;
box-shadow:0 2px 5px 0 #00000042;
border:1px solid #383b5d
}

.pricing3 .tab-content .bg-image {
position:absolute;
top:18px;
left:27px;
padding:0;
margin:-5.1px 0;
padding:0;
margin:-5.1px 0
}

.pricing3 .btn-danger-gradiant {
background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)
}

.pricing3 .btn-danger-gradiant:hover {
background:radial-gradient(ellipse farthest-corner at left top,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at right bottom,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)
}

.pricing3 .btn-md {
padding:8px 20px;
font-size:13px;
margin:0;
width:240px
}

.pricing3 .tab-content .pricing-box {
padding:29px 50px;
background:#40484b
}

.pricing3 .display-5 {
font-size:3rem
}

#price-section .tab-content .costimg-sub-img {
position:relative
}

#price-section .tab-content .costimg-sub-img a {
transition:.5s all ease
}

#price-section .tab-content .costimg-sub-img:hover a {
box-shadow:5px 5px 14px 0 #302f2f;
transform:translateY(-10px)
}

#price-section .tab-content .costing-img a {
transition:.5s all ease
}

#price-section .tab-content .costimg-sub-img a {
position:absolute;
text-decoration:none;
top:134px;
right:0;
bottom:185px;
left:0;
width:220px;
margin:auto;
color:#fff;
padding:10px 20px 30px;
background:#0c010191;
border:2px solid #383b5d
}

.btn {
border:none
}

.card .btn {
align-items:center;
border:none;
color:#fff;
margin:10px 50px;
padding:5px -20px
}

#amenities {
padding:50px;
background-blend-mode:overlay;
background-color:#fff;
background-attachment:fixed;
background-repeat:no-repeat;
background:cover;
margin:10px
}

#amenities h1 {
font-weight:800;
font-size:32px;
color:#0e203b;
position:relative;
letter-spacing:1px
}

#amenities .amenities-data {
text-align:center;
justify-content:center;
color:#fff;
width:100%;
height:150px;
padding:25px 30px 23px;
border-radius:22px;
margin-bottom:20px;
background:#917a27
}

#amenities .amenities-data h6 {
font-size:14px;
line-height:18px
}

#amenities .amenities-data:hover {
background:linear-gradient(115deg,#000,#0e203b)
}

#amenities .amenities-data object {
margin:10px auto;
filter:var(--amenities-filter)
}

#amenities .amenities-data .fa {
width:22%;
min-width:50px;
max-width:50px;
color:#383b5d;
padding:10px 0 5px;
text-align:center;
margin:auto;
filter:brightness(8.5)
}

#amenities .amenities-data:hover img {
filter:brightness(50)
}

#amenities .amenities-btn {
align-items:center;
margin:40px 0 20px;
margin-left:auto;
margin-right:auto;
font-size:16px;
display:block;
border:2px solid transparent;
background:#917a27;
transition:2s all ease
}

#amenities .amenities-btn:hover {
background:var(--Secondary-color);
border:2px solid #383b5d
}

#connectivity {
background-blend-mode:overlay;
background-color:#fafafbba;
margin:10px
}

#connectivity h2 {
color:#0e203b;
font-size:32px;
font-weight:600;
letter-spacing:1px;
font-family:"Libertinus Serif Display",system-ui
}

#connectivity {
position:relative;
padding:80px 20px 60px
}

#connectivity p {
font-size:16px
}

#connectivity .location-img {
z-index:99
}

#connectivity .moving-shape1 img {
position:absolute;
top:20px;
left:60px;
right:300px;
margin-left:auto;
margin-right:auto;
z-index:1;
-webkit-animation:moving-img 12s infinite linear;
animation:moving-img 12s infinite linear
}

#connectivity .moving-shape2 img {
position:absolute;
top:20px;
left:900px;
right:30px;
margin-left:auto;
margin-right:auto;
z-index:1;
-webkit-animation:moving-img2 12s infinite linear;
animation:moving-img2 12s infinite linear
}

#connectivity .amenities-info {
position:relative
}

#connectivity .location-btn {
margin:-55px 0 0;
font-size:16px
}

#connectivity .location-img {
position:relative;
border:2px solid #000;
height:290px;
padding:10px
}

#connectivity .location-img .enquiryBtn1 {
position:absolute;
top:110px;
bottom:304px;
left:20%;
text-decoration:none;
color:#fff;
padding:5px 20px 29px;
background:#0c010191;
border:2px solid #383b5d
}

#connectivity .location-img a.enquiryBtn1 {
transition:.5s all ease
}

#connectivity .location-img:hover a.enquiryBtn1 {
box-shadow:5px 5px 14px 0 #302f2f;
transform:translateY(-10px)
}

@-webkit-keyframes moving-img {
0% {
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40% {
-webkit-transform:translate(100px,0);
transform:translate(100px,0)
}

80% {
-webkit-transform:translate(0,100px);
transform:translate(0,100px)
}

100% {
-webkit-transform:translate(0,0);
transform:translate(0,0)
}
}

@-webkit-keyframes moving-img2 {
0% {
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40% {
-webkit-transform:translate(0,100px);
transform:translate(0,100px)
}

80% {
-webkit-transform:translate(100px,0);
transform:translate(100px,0)
}

100% {
-webkit-transform:translate(0,0);
transform:translate(0,0)
}
}

.text-justify {
text-align:justify
}

#connectivity .button {
border:none;
background-color:transparent
}

.accordion {
margin-left:-18px;
margin-bottom:10px
}

.accordion-button::after {
flex-shrink:0;
width:1.25rem;
height:1.25rem;
margin-left:25px;
content:"";
background-repeat:no-repeat;
background-size:1.25rem;
transition:transform .2s ease-in-out
}

.accordion h2.accordion-header .accordion-button {
background-color:transparent;
-webkit-transition:.5s all ease;
transition:.5s all ease
}

.accordion h2.accordion-header .accordion-button:hover {
letter-spacing:1px
}

.accordion-flush .accordion-item .accordion-button {
border-radius:none;
background-color:transparent
}

.accordion-flush .accordion-item {
background-color:transparent
}

.accordion-button:not(.collapsed) {
color:#383b5d;
background-color:#fff;
box-shadow:none
}

.accordion-flush .accordion-item:active {
border:none
}

.accordion-button:focus {
z-index:0;
border-color:transparent;
outline:0;
box-shadow:none
}

.accordion-button {
font-weight:700;
color:#383b5d
}

.accordion-button .fa {
color:#383b5d;
font-size:22px;
padding:0 10px 0 0
}

.accordion .accordion-collaps {
background-color:#5c5e5f
}

#gallery h1 {
font-size:32px;
font-weight:800;
color:#917a27;
margin-bottom:25px;
letter-spacing:1px
}

#gallery {
background-color:#fff
}

#contact {
margin:10px;
background-color:#fff
}

#contact .full-width {
max-height:250px;
background:#0e203b;
padding:80px 0
}

#contact .contact-data {
margin:-105px 0 0;
background-color:#fff;
box-shadow:0 0 25px 0 gray;
border-radius:12px;
overflow:hidden
}

.owl-theme .owl-nav [class*="owl-"]:hover {
background:#ddd9d1
}

.form-data {
background-image:url(../images/contact/patter1.webp)
}

#contact .form {
padding:10px 20px
}

#contact .form .form-control {
margin:10px 0;
border-bottom:1px solid #0000004d;
background:none
}

#contact .contact-data form .form-control {
margin:5px 10px 15px;
border:1px solid #ced4da;
padding:7px 20px 7px 50px
}

#contact .contact-data form .forms-input-fields {
position:relative
}

#contact .contact-data form .forms-input-fields i {
position:absolute;
top:15px;
left:24px;
font-size:20px;
color:#383b5d
}

#contact .form .btn {
margin:10px 0 0;
padding:5px 50px;
width:220px;
border-radius:50px
}

#contact .image-carousel {
margin:0 -13px -7px 12px;
position:relative;
border:0 22px 22px 0
}

#contact .image-carousel .video-btn {
position:absolute;
width:80px;
height:80px;
top:90px;
left:40%;
font-size:40px;
padding:10px 24px 20px 29px;
color:#383b5d;
background-color:#fbb73061;
border-radius:50%;
border:0 transparent
}

#contact .image-carousel .video-btn::after {
position:absolute;
width:80px;
height:80px;
top:108px;
left:267px;
font-size:53px;
padding:1px 20px 20px 26px;
color:#383b5d;
background-color:#fbb7309c;
border-radius:50%;
border:0 transparent;
animation:pulse-border 1500ms ease-out infinite
}

@keyframes pulse-border {
0% {
width:120px;
height:120px;
opacity:1
}

100% {
width:80px;
height:80px;
opacity:0
}
}

#contact .image-carousel .contact-video {
border-radius:0 22px 22px 0;
height:100%;
object-fit:cover
}

#contact .image-carousel .contact-video-overlay {
border-radius:0 22px 22px 0;
color:#383b5d;
background-blend-mode:overlay;
z-index:99
}

#contact .image-carousel1 {
margin:0 -20px -20px 12px;
display:none
}

#contact .carousel-inner {
position:relative;
width:100%;
border-radius:0 22px 22px 0;
overflow:hidden
}

#contact .image-carousel .video-btn {
position:absolute
}

#gallery {
margin:10px;
padding:50px 15px;
background-color:#0e203b
}

.transition-all {
-webkit-transition:all .2s linear .02s;
-o-transition:all .2s linear .02s;
-moz-transition:all .2s linear .02s;
transition:all .2s linear .02s
}

.assignfixedwidth {
max-width:1200px;
margin:0 auto
}

.carousel-custom-main {
margin-top:0;
padding-top:20px;
padding-bottom:20px;
background-color:transparent;
font-size:28px
}

a.owl-element {
text-decoration:none;
color:#333
}

.owl-carousel {
display:block;
width:100%;
z-index:1
}

.owl-element span {
display:block;
padding:60px;
width:160px;
height:160px;
margin:0 auto;
line-height:40px;
margin-top:5%;
transition:all .4s ease;
border:1px solid transparent;
background-color:#efefef
}

.owl-item.center > .owl-element span {
width:180px;
height:180px;
line-height:65px;
margin-top:0;
background-color:#f63;
color:#fff
}

.enquire-now {
position:fixed;
width:50px;
height:50px;
right:1rem;
bottom:1rem;
border-radius:50%;
background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)
}

.enquire-now i {
width:3rem;
height:3rem;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
cursor:pointer
}

footer p {
font-size:11px;
color:#5c5e5f;
text-align:center;
margin:0 a
}

.contact-form h6 {
text-transform:uppercase;
font-weight:700
}

.contact-form {
width:300px;
right:1rem;
bottom:1rem;
padding:1.25rem;
border-radius:22px;
box-shadow:0 1rem 3rem #00000026;
z-index:99;
margin:15px 43px 0
}

.contact-form .form-control,.modal-body .form-control {
border-bottom:2px solid #eaeaea;
background-color:#f1f1f1;
margin:5px
}

.contact-form .form-btn {
border:none;
margin:10px;
color:#fff;
padding:5px 108px
}

.enquiryBtn,.whatsaapBtn {
position:fixed;
right:1.5rem;
bottom:4rem;
z-index:99999;
display:block
}

.whatsaapBtn span {
width:52px;
height:52px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
cursor:pointer;
transition:all 300ms ease-in-out;
background:#2d8b01;
box-shadow:0 3px 3px 0 #383b5dbd
}

.enquiryBtn i {
width:3.5rem;
height:3.5rem;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:var(--golden-gradient);
color:#fff;
cursor:pointer;
transition:all 300ms ease-in-out;
background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)
}

.form-check .form-check-input {
float:left;
margin:9px 56px 0 -22px
}

footer {
padding:40px 20px 0;
background-color:#fff
}

footer .elementor-widget-container p {
font-size:10px
}

.footer-enquiryBtn {
position:fixed;
bottom:0;
left:0;
right:0;
display:flex;
justify-content:space-between;
z-index:99;
text-align:center;
padding:4px 2px;
width:100%;
background:#fff;
border-radius:0
}

.footer-enquiryBtn a {
font-size:13px;
color:#fff;
text-align:center;
display:block;
width:calc(50% - 4px);
padding:8px 5px;
margin:0 2px;
border-radius:4px;
border:1px solid #00000026;
border-left:0;
background-color:#917a27;
color:#fff;
text-decoration:none
}

.footer-enquiryBtn a.whatsCall {
background:linear-gradient(45deg,#0db634,#015c16);
border:0;
border-radius:10px
}

#footer-links {
background-color:#232d30;
color:#b5cfda;
margin:0 0 -17px;
font-size:12px
}

#footer-links p {
padding:5px 0
}

#footer-links p a {
text-decoration:none;
color:#fff
}

#footer-links p a:hover {
text-decoration:underline;
color:#eee
}

.mob-form {
background-color:#fff;
padding:0
}

.modal {
background-color:#383b5d75;
background-blend-mode:overlay;
z-index:10600
}

.project-video {
background-color:#383b5d;
background-blend-mode:overlay
}

.project-video .project-video-overlay {
color:#383b5d;
background-blend-mode:overlay
}

.brochure-modal .modal-dialog {
background-color:#fff;
padding:20px;
margin:200px 430px 0;
border-radius:22px
}

#brochure-form form .form-control {
margin:0 10px
}

#brochure-form {
margin:0 20px 0 0
}

.brochure-modal .modal-content {
border:none
}

.brochure-modal .modal-dialog h4 {
color:#383b5d;
font-size:20px;
font-weight:600;
margin:10px 0 10px 10px;
text-align:center
}

.brochure-modal .modal-dialog form .form-control {
margin:5px 10px 15px;
border-bottom:2px solid #ced4da;
border-top:none;
border-left:none;
border-right:none;
padding:0 20px 7px 30px
}

.enquire-modal .modal-dialog {
background-color:#fff;
padding:0;
border-radius:6px;
margin-top:100px
}

.footer-logo {
width:105px;
margin-bottom:10px
}

.enquire-modal .modal-dialog .modal-content,.enquire-modal .modal-dialog .modal-content .modal-header,.enquire-modal .modal-dialog .modal-content .modal-body {
border:none
}

.enquire-modal .modal-dialog .modal-content .modal-header {
background:#383b5d;
padding:10px 24px;
color:#fff
}

.enquire-modal .modal-dialog .modal-content .modal-header .modal-title {
font-size:18px;
font-weight:800;
margin:auto
}

.enquire-modal .modal-dialog .modal-content .modal-header .close {
font-size:24px;
line-height:20px;
position:relative;
top:auto;
transform:none;
right:0;
background:transparent
}

.enquire-modal.modal .modal-dialog form .forms-input-fields i {
top:16px
}

.enquire-modal.modal .modal-dialog form .forms-input-fields .form-control {
padding-left:43px;
width:calc(100% - 6px)
}

.enquire-modal.modal .modal-dialog form .form-check-label {
font-size:12px
}

.enquire-modal.modal .modal-dialog form .form-check-input:checked {
background-color:#858383;
border:1px solid #858383
}

.form-btn1 {
background-color:#383b5d;
padding:5px 50px;
font-size:16px;
color:#fff;
margin-top:30px
}

.modal .modal-dialog img {
width:210px
}

.modal .modal-dialog form .forms-input-fields {
position:relative
}

.modal .modal-dialog form .forms-input-fields i {
position:absolute;
top:8px;
left:24px;
font-size:20px;
color:#383b5d
}

.brochure-modal .modal-dialog .form-btn {
color:#fff;
padding:5px 150px 5px 167px;
margin:20px 13px 15px
}

.brochure-modal .modal-dialog .modal-content .modal-logo img {
width:72%;
height:84px;
margin:0 73px 10px
}

.modal-dialog .modal-close {
position:absolute;
right:2px;
top:0;
transform:translateY(-50%);
width:32px;
height:32px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#336ab4 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
color:#fff;
cursor:pointer;
transition:all 300ms ease-in-out
}

#disclaimer {
text-align:left;
font-size:8px;
color:#878787
}

.moredisclaimerBtn {
color:#878787;
text-decoration:none
}

.moredisclaimerBtn:hover {
color:#878787
}

.moredisclaimerText {
text-align:left;
margin-top:5px
}

.acceptance .text {
color:#878787;
font-size:8px;
text-align:left!important
}

.checkbox-section {
display:flex;
justify-content:space-between;
align-items:baseline
}

.checkbox-section p {
font-size:8px;
color:#383b5d;
padding:10px;
margin:0;
line-height:unset
}

.form_inner .form-control {
margin:10px 0;
border-bottom:1px solid #0000004d;
background:none
}

footer .elementor-widget-container p img {
width:100px
}

.enqModal {
margin:25px auto;
font-size:12px;
padding:16px 0
}

.accordion-body.location-point {
padding:0
}

.accordion-body.location-point ul {
padding-left:0
}

.accordion-body.location-point ul li {
font-size:16px;
line-height:28px;
letter-spacing:0
}

.desktop-view {
display:block
}

.mobile-view {
display:none
}

.modal-logo img {
width:110px
}

.gallery-img {
margin-bottom:25px;
min-height:215px;
object-fit:cover
}

.price {
font-weight:600;
font-size:18px
}

.scan_code img {
width:105px;
margin-bottom:10px
}

.video_sec video {
object-fit:cover;
-o-object-fit:cover;
object-fit:cover;
height:100vh
}

.iconBox img {
filter:invert()
}

.btn_box .custom-btn:hover {
background:#fff;
color:#000!important
}

@media only screen and (max-width: 1280px) {
.enqModal {
margin:20px auto
}

.gallery-img {
min-height:147px
}
}

@media only screen and (max-width: 991px) {
nav.navbar {
width:100%;
padding:0 10px
}

.desktop-summary {
display:none
}

.mobile-logo {
display:block;
margin:20px
}

.nav-link.desktop-logo {
display:none
}

.navbar-light .navbar-toggler {
border:none
}

#home .project-details {
position:relative;
width:96%;
width:96%!important;
height:468px
}

.left-text::after {
left:100%
}

.left-text {
text-align:center
}

.right-text {
text-align:center
}

.slide-btn .carousel-control-prev {
margin-left:30vw;
margin-top:48%;
width:40px;
height:40px;
background-color:#383b5d;
border-radius:50%;
z-index:5
}

.slide-btn .carousel-control-next {
margin-right:30vw;
margin-top:48%;
width:40px;
height:40px;
background-color:#383b5d;
border-radius:50%;
z-index:5
}

.right-text .icon {
font-size:22px;
font-weight:600;
margin:6px 10px 20px 6px
}

.left-section {
width:100%
}

.footer-enquiryBtn {
display:flex!important;
justify-content:center
}

#home .project-details {
padding:30px
}

#overview img {
margin:40px 0 0
}

.overview-info {
font-size:14px
}

.download-brochure {
margin:40px auto 20px
}

.pricing3 .tab-content .pricing-box-costing {
padding:50px 40px 40px
}

.highlightData h3 {
font-size:20px
}

.pricing-btn {
margin:auto
}

.pricing-box-costing .table tr td {
color:#fff;
font-size:20px;
text-align:center
}

.pricing3 .tab-content .list-inline li span {
font-size:13px
}

.floor-plan-img img {
width:100%
}

.pricing3 .nav-pills {
margin:0 0 5px
}

.pricing3 .nav-pills .nav-link {
padding:10px 2px!important;
width:calc(25% - 12px)!important;
font-size:12px!important;
margin:3px;
text-align:center!important;
border:2px solid #40484b;
border-radius:10px!important
}

.custom-btn {
width:240px;
display:block;
font-size:15px
}

.pricing3 .btn-md {
padding:8px 15px;
font-size:15px;
margin:0;
width:270px;
margin:auto
}

.amenities-img img {
display:block;
margin:20px 0 40px
}

#amenities .amenities-data h6 {
font-size:18px
}

.navbar-light .navbar-nav .nav-link {
padding:20px 16px;
font-weight:600;
font-size:2.1vw;
color:#474749
}

.navbar-toggler {
border-color:transparent
}

#connectivity p {
font-size:18px
}

p {
font-size:14px
}

.owl-carousel .owl-item img {
margin:auto;
width:80%
}

#contact .form {
padding:10px 20px 34px
}

#highlights {
padding:60px 100px
}

.pricing3 .btn-md {
padding:8px -19px;
font-size:13px;
margin:0;
width:228px
}
}

@media (max-width: 575px) {
html {
font-size:81.25%
}

.h4,h4 {
font-size:1.4rem
}

p {
line-height:1.4
}

.heading .h1 {
font-size:1.75rem
}

nav.navbar {
width:105%;
padding:0 10px
}

.desktop-summary {
display:none
}

#home .project-details {
position:relative;
width:100%;
width:100%!important
}

.left-section {
width:100%;
padding-bottom:10px
}

.offer-info-text {
font-size:18px;
line-height:normal
}

.enquiryNowBtn.custom-btn {
position:relative;
margin:0;
bottom:auto;
margin-top:10px;
display:block
}

.navbar-light .navbar-brand img {
width:34%
}

#price-section .tab-content .costing-img,#price-section .tab-content .costimg-sub-img {
position:relative;
top:auto;
left:auto;
margin:0
}

#price-section .tab-content .costing-img a,#price-section .tab-content .costimg-sub-img a {
position:absolute;
left:0!important;
right:0!important;
top:0!important;
bottom:0!important;
height:36px;
margin:auto
}

#connectivity .location-img {
height:215px;
padding:0;
overflow:hidden
}

#connectivity .location-img img {
margin:0
}

#connectivity .location-img .enquiryBtn1 {
left:0!important;
right:0!important;
width:240px;
margin:auto;
text-align:center;
top:0!important;
bottom:0!important;
height:34px
}

#overview img {
margin:18px 0 0
}
}

@media (min-width: 500px) {
.img-banner1 {
display:none
}

#mobileview-form {
display:none
}

#contact .image-carousel1 {
display:none
}
}

@media (max-width: 500px) {
.navbar-light .navbar-nav {
padding-bottom:20px
}

.navbar-light .navbar-nav .nav-link {
padding:10px;
font-size:14px
}

.navbar-light .navbar-nav .nav-link:hover {
background-color:#232d30;
color:#fff
}

#amenities .mt-50 {
margin-top:30px
}

.project-details .row .col-lg-6 {
width:50%
}

.left-text .icon {
position:absolute;
float:left;
width:20%;
color:#383b5d;
font-size:32px;
margin:12px -36px 20px -4px
}

.left-text {
position:relative
}

.projectState {
font-size:24px;
color:#383b5d
}

.left-text::after {
position:absolute;
content:"";
height:46px;
width:2px;
top:12px;
left:95%;
background-color:#d2b969
}

.left-text .data {
position:absolute;
float:right;
width:70%;
margin:8px 71px -2px 30px;
color:#383b5d;
text-transform:uppercase;
font-size:4px
}

.left-text .data .sub-data {
font-weight:700;
font-size:17px
}

.right-text .icon {
font-size:18px;
font-weight:600;
margin:12px 0 20px 6px
}

.offers {
padding:10px;
color:#383b5d;
font-weight:600;
font-size:13px;
background:fixed;
transform:scale(1)
}

.price-sub-text {
font-weight:700;
font-size:30px;
letter-spacing:1px;
margin:0 0 0 4px;
font-family:"Libertinus Serif Display",system-ui
}

.price-text {
font-size:30px;
margin:0 0 -1px
}

#contact .contact-data {
margin:-91px 30px 0 1px
}

#home .project-details {
position:relative;
background-color:#fff;
border-radius:22px;
padding:20px 15px 20px 20px;
top:0;
margin:0 10px
}

#home .project-details h5 {
font-size:15px;
margin:7px 0
}

#home .project-details h1 {
font-size:28px;
font-weight:600;
margin:5px 0
}

#home .project-details h2.price {
letter-spacing:-2px
}

#home .project-details h3 {
font-weight:600
}

.overview-data {
padding:240px 0 20px
}

#overview {
padding:50px 10px;
margin:10px 5px
}

#highlights h1 {
font-size:20px
}

.overview-data h1 {
color:#917a27;
font-size:22px;
margin-bottom:10px
}

.img-banner2 {
display:none
}

.img-banner1 {
margin-top:0;
width:100%;
height:auto;
border-radius:22px
}

#home {
background-color:#232d30;
position:relative
}

.floor-plan-data {
width:148px;
margin:18px -3px 0 14px
}

#floor-plan h1 {
font-size:25px;
font-weight:600;
padding:0
}

#floor-plan {
background-color:#232d30;
padding:0;
margin:-10px 0 0
}

.floor-plan-data .icon {
float:left;
margin:0 20px 0 -5px
}

.floor-plan-data .data {
float:right;
margin:-34px 0 6px
}

#highlights {
padding:50px 20px 30px;
margin:0
}

#highlights .highlights-row {
margin-top:-14px
}

#highlights .overview-details .icon {
width:16.5%;
font-size:19px;
margin:-47px 0 0 -10px;
padding:8px 11px 9px
}

#floor-plan {
padding:30px 0 10px;
margin:0
}

.pricing-btn {
background-color:#917a27;
display:block;
margin:auto;
font-size:13px;
margin:0 24% 0;
padding:10px;
width:220px
}

#highlights .overview-details .data {
float:right;
margin:-34px 0 0;
width:90%;
padding:4px 0 0 20px
}

#highlights .overview-details .data h5 {
font-size:14px
}

#amenities .amenities-data {
background-color:#40484b;
text-align:center;
color:#fff;
width:174px;
height:135px;
padding:15px;
margin:10px;
border-radius:22px
}

#amenities .amenities-data:hover img {
filter:brightness(50)
}

#amenities .amenities-data:hover object {
filter:brightness(50)
}

#amenities {
padding:30px 0 30px 10px
}

#amenities h1 {
font-weight:600;
font-size:25px;
color:#917a27
}

#amenities .amenities-row {
margin-top:0
}

.amenities-info {
padding:0 10px;
margin:0 0 20px
}

.amenities-info h1 {
font-size:25px
}

#amenities .amenities-data {
background-color:#40484b;
text-align:center;
color:#fff;
width:153px;
height:135px;
padding:10px;
margin:-15px 8px 33px;
border-radius:22px
}

#amenities .amenities-btn {
margin:20px auto;
width:220px
}

#amenities .row .col-sm-6 {
width:48%
}

.enquire-now {
display:none
}

#contact .image-carousel {
margin:0 -20px -38px 0;
display:none
}

#contact .image-carousel1 {
margin:0 -20px -100px 0;
display:block
}

#connectivity .image-carousel {
border-radius:22px 22px 22px 22px
}

#connectivity .image-carousel1 {
border-radius:22px 22px 22px 22px
}

#contact .full-width {
padding:67px 0
}

#contact .carousel-inner {
position:relative;
width:100%;
border-radius:22px 22px 22px 22px;
overflow:hidden
}

#connectivity .location-img .enquiryBtn1 {
position:absolute;
top:88px;
bottom:304px;
left:18%;
text-decoration:none;
color:#fff;
padding:5px 20px 23px;
background:#0c010191;
border:2px solid #383b5d
}

.image-carousel1 iframe {
width:394px;
margin:0 4px 0 -10px;
border-radius:22px 22px 0 0
}

.form-check .form-check-input {
float:left;
margin:2px 56px 0 -22px
}

#gallery h1 {
font-size:25px;
color:#917a27
}

.owl-item {
margin-right:0
}

.enquiryBtn {
bottom:4rem
}

#contact .image-carousel1 {
position:relative
}

#contact .image-carousel1 .video-btn {
position:absolute;
width:55px;
height:55px;
top:15%;
left:40%;
font-size:30px;
padding:6px 18px 27px;
color:#383b5d;
background-color:#fbb7305e;
border-radius:50%;
border:0 transparent
}

#contact .image-carousel1 .contact-video {
border-radius:0 22px 22px 0
}

#contact .image-carousel1 .contact-video .contact-video-overlay {
color:#383b5d;
background-blend-mode:overlay;
z-index:99;
margin:0 -10px 10px -11px
}

#connectivity .moving-shape2 {
display:none
}

.brochure-modal .modal-dialog {
background-color:#fff;
padding:20px;
margin:200px 30px 0;
border-radius:22px
}

.brochure-modal .modal-dialog .modal-content .modal-logo img {
width:70%;
height:74px;
margin:-5px 43px 10px
}

.brochure-modal .modal-dialog .form-btn {
color:#fff;
padding:5px 81px 8px;
margin:10px
}

.download-brochure {
margin:20px;
display:block
}

.spinner {
width:40px;
height:40px;
background-color:#fff;
margin:400px 100px 150px 185px;
-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;
animation:sk-rotateplane 1.2s infinite ease-in-out
}

#contact .image-carousel1 .contact-video .contact-video-overlay {
color:#383b5d;
background-blend-mode:overlay;
z-index:99;
margin:0 -10px 10px -11px
}

#footer-links {
background-color:#232d30;
color:#b5cfda;
margin:0 0 38px;
font-size:12px
}

#amenities .amenities-data h6 {
font-size:12px
}
}

@media (max-width: 767px) {
.content-gallery .row {
justify-content:center;
align-items:center;
gap:20px
}

.content-gallery .row .col-md-3 a {
display:block;
text-align:center
}

.pricing3 .col-lg-2 {
padding-right:19px
}

#connectivity h2 {
color:#917a27;
font-size:24px;
font-weight:600
}

.enquire-modal .modal-dialog .modal-content .modal-header .modal-title {
font-size:15px
}

.pricing3 .col-lg-10 {
padding-left:15px
}

.pricing3 .btn-md {
margin:auto
}

.desktop-view {
display:none
}

.mobile-view {
display:block
}

.pricing3 .nav-pills {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:normal!important;
-webkit-flex-direction:row!important;
-ms-flex-direction:row!important;
flex-direction:row!important;
border-bottom:0;
border-right:1px solid #78828c21
}

.pricing3 .nav-pills .nav-link .inventory {
font-size:12px;
font-weight:500;
margin:3px 0 7px
}

.pricing3 .nav-pills .nav-link.active .inventory {
color:var(--tab-color);
font-size:14px;
font-weight:500;
line-height:15px
}

#price-section .tab-content .costing-img a {
position:absolute;
text-decoration:none;
top:45%;
right:23%;
bottom:40%;
left:29%;
padding:8px 10px
}

.floor-plan-img img {
margin:0 auto 50px;
display:block
}

.pricing3 .subtitle {
color:#fff;
line-height:12px;
font-size:13px;
letter-spacing:0
}

.pricing3 .tab-content .list-inline {
margin-top:0
}

.pricing-box-costing .table .thead td {
color:#fff;
font-size:12px;
width:200px;
font-weight:700;
text-align:center
}

.pricing-box-costing .table {
margin:0 0 28px
}

.pricing3 .tab-content .list-inline li span {
display:inline-block;
vertical-align:middle;
font-size:13px;
color:#fff
}

.pricing3 .nav-pills .nav-link .sub-data {
color:#ffff;
font-size:14px;
font-weight:500
}

.pricing3 .tab-content .list-inline img {
width:12%;
height:20%;
margin:8px 20px 0 0;
filter:var(--pricing-filter)
}

.pricing3 .tab-content .list-inline img.img-tab {
width:20%;
height:20%;
margin:8px 8px 0 0;
filter:var(--pricing-filter)
}

.pricing3 .nav-pills .nav-link {
padding:25px -2px;
width:74px;
font-size:12px;
text-align:center;
border-radius:5px 5px 0 0
}

.pricing3 .sub-inventory {
display:none
}

.pricing3 .title-1 {
display:none
}

#price-section .pricing-box-costing h2 {
font-size:17px;
text-align:center;
padding:0 20px
}

.pricing3 .tab-content .list-inline li {
padding:4px 0
}

.pricing3 .tab-content .pricing-box-costing {
padding:35px 20px 25px;
background:#40484b
}

.pricing3 .nav-pills .nav-link {
padding:10px 2px!important;
width:calc(50% - 10px)!important;
font-size:12px!important;
margin:3px;
text-align:center!important;
border:2px solid #40484b;
border-radius:10px!important
}

.pricing3 .nav-pills .nav-link.active {
margin-bottom:0!important
}

.pricing3 .nav-pills .nav-link .inventory {
margin:0!important;
padding:0;
font-size:12px!important;
line-height:normal!important
}

.pricing3 .tab-content {
margin-top:15px
}

.pricing3 .nav-pills .nav-link.active {
border-left:0;
margin-top:0;
z-index:99;
margin-bottom:-5px;
-webkit-box-shadow:0 -20px 40px #0000001a;
box-shadow:0 -20px 40px #0000001a
}

#price-section .tab-content .costimg-sub-img a {
position:absolute;
text-decoration:none;
top:45%;
right:23%;
bottom:40%;
left:29%;
padding:8px 10px
}

.pricing3 .tab-content .pricing-box {
padding:2px 20px 40px
}

.pricing3 .tab-content .bg-image {
padding:0;
margin:0 -20px;
position:absolute;
top:-4px;
left:10px
}

.pricing3 .tab-content .pricing-box {
padding:25px 15px;
background:#40484b
}

#amenities .amenities-data .fa {
width:45px
}

.video_sec video {
height:100%
}

.gallery-img {
min-height:AUTO
}
}

@media (max-width: 500px) {
nav.navbar.navbar-policy {
background-color:#fff;
width:100%;
padding:0 10px 0 0;
box-shadow:0 2px 8px 0 #383b5d40
}

.nav ul li {
display:inline
}

#sc-price {
padding:20px
}

.floor-plan-img img {
margin:auto;
display:block
}

.sec-price .table {
max-width:70rem;
margin-inline:auto;
border-radius:1.5rem;
overflow:hidden;
outline:1px solid #383b5d;
margin-top:2rem;
border:2px solid #383b5d
}

table.table-pricing,.table-pricing thead,.table-pricing tbody,.table-pricing th,.table-pricing td,.table-pricing tr {
display:block
}

.table-pricing thead tr {
position:absolute;
top:-9999px;
left:-9999px
}

.table-pricing tr {
margin:0;
padding:23px 0
}

.sec-price .table td {
padding:0;
font-size:1.2rem;
width:100%
}

.sec-price .table td:nth-child(1) {
font-size:1.8rem
}

.sec-price .table td:nth-child(3) {
font-size:1.8rem;
font-weight:600
}

.table-striped > tbody > tr:nth-of-type(odd) {
--bs-table-accent-bg:#fff;
color:var(--bs-table-striped-color)
}

.section-bg .section-title h2 {
font-size:25px;
font-weight:700;
margin-bottom:20px;
padding-bottom:20px;
position:relative;
color:#fff
}

.layout-plan {
padding:30px 0
}

.pricing-btn-1 {
background-color:#917a27;
display:block;
margin:auto;
font-size:13px;
margin:0 14% 0;
padding:10px;
width:auto
}

#connectivity p {
font-size:14px
}

.pricing3 .nav-pills .nav-link {
padding:10px 2px!important;
width:calc(50% - 10px)!important;
font-size:12px!important;
margin:3px;
text-align:center!important;
border:2px solid #40484b;
border-radius:10px!important
}

.pricing3 .nav-pills .nav-link.active {
margin-bottom:0!important
}

.pricing3 .nav-pills .nav-link .inventory {
margin:0!important;
padding:0;
font-size:12px!important;
line-height:normal!important
}

.pricing3 .tab-content {
margin-top:15px
}

.overview-info {
font-size:16px;
line-height:28px;
text-align:justify
}

.highlightData h3 {
font-size:14px
}

.pricing-box-costing .table tr td {
font-size:14px
}

#home .project-details {
position:relative;
background-color:#fff;
border-radius:22px;
padding:20px 15px 20px 20px;
top:0;
margin:10px 10px 0;
width:calc(100% - 20px)!important;
height:auto
}

.overview-data {
padding:0 0 20px
}

.img-banner2 {
display:none
}

.img-banner1 {
margin-top:0;
width:100%;
height:auto;
border-radius:0
}

#home {
background-color:#232d30;
position:relative;
padding-bottom:50px
}

#overview iframe {
width:335px;
height:206px
}

#floor-plan .card {
background-color:#40484b;
padding:20px;
border-radius:22px;
border:none;
margin:20px 10px
}

#amenities .amenities-data {
background:100% no-repeat #40484b;
text-align:center;
color:#fff;
width:260px;
height:160px;
padding:30px;
margin:10px 0;
border-radius:22px
}

#amenities .amenities-data .fa {
width:45px
}

#connectivity {
padding:25px 24px;
padding-bottom:10px
}

#connectivity img {
margin:20px 0 0
}

#contact .contact-data {
margin:-129px 30px 0 1px
}

.contact-inner {
margin:30px 22px 0
}

#contact .image-carousel {
margin:0 -20px -20px 0;
height:371px
}

#contact .image-carousel1 {
margin:0
}

#mobileview-form {
background-color:#232d30;
padding-top:270px
}

#highlights .highlight-data {
padding:0 0 0 23px
}

.mob-form .iti {
display:block
}

.floor-plan-data {
width:200px
}

#amenities .amenities-data {
background-color:#0e0000;
text-align:center;
color:#fff;
width:100%;
height:135px;
padding:18px;
border-radius:22px
}

#contact .form {
padding:20px 25px 40px 10px
}

#contact .form .btn {
margin:20px 10px 0
}

#connectivity .location-btn {
margin:20px auto;
display:block
}

#floor-plan .pricing-btn {
margin:10px auto!important;
display:block
}

#overview .download-brochure {
margin:20px auto!important;
display:block
}

#gallery {
padding:50px 0 30px!important;
margin:10px
}

footer {
padding:20px
}

.slide-btn .carousel-control-next {
margin-right:2vw;
margin-top:23%;
width:35px;
height:35px;
background-color:#383b5d;
border-radius:50%;
z-index:0
}

.slide-btn .carousel-control-prev {
margin-left:2vw;
margin-top:23%;
width:35px;
height:35px;
background-color:#383b5d;
border-radius:50%;
z-index:0
}

.carousel-control-next-icon {
width:22px
}

.carousel-indicators [data-bs-target] {
height:3px
}
}

@media (max-width: 360px) {
#price-section .tab-content .costing-img a {
position:absolute;
text-decoration:none;
top:45%;
right:23%;
bottom:40%;
left:25%;
padding:8px 10px
}
}

@media (min-width: 1400px) {
#highlights .overview-details .icon {
font-size:28px;
margin:-49px 0 0 -15px;
padding:7px 0
}

.pricing3 .tab-content .pricing-box-costing {
padding:50px 0 50px 40px;
background:#40484b
}

.pricing3 .nav-pills .nav-link {
padding:12px 4px 6px 7px
}

#highlights .overview-details {
padding:41px 9px 0;
margin:23px 40px 23px 0;
border-radius:0 0 25px 22px
}

#home .project-details {
margin:44px 636px 0 60px
}

#highlights .overview-details .data {
margin:-29px 0 0 -12px
}

#price-section .tab-content .costing-img a {
top:134px;
right:200px;
bottom:185px;
left:200px
}

#contact .image-carousel .video-btn {
top:40%;
left:45%
}

#contact .form {
padding:20px 20px 40px
}

#floor-plan {
background-color:#232d30;
padding:50px
}

#price-section .tab-content .costimg-sub-img a {
top:45%;
right:23%;
bottom:40%;
left:29%
}

.pricing3 .tab-content .bg-image {
top:27px;
left:63px;
padding:0;
margin:-5.1px 0
}

#price-section .pricing-box-costing h2 {
font-size:18px;
padding:0 190px
}

.pricing-box-costing .table {
margin:0 0 30px
}

.pricing-btn {
margin:0 25%;
font-size:16px
}
}