.gallery-slider{position:relative}
.gallery-viewport{overflow:hidden}
.gallery-track{display:flex;gap:12px;transition:transform .35s ease}
.gallery-item {
    flex: 0 0 calc(25% - 9px);
    display: block;
    overflow: hidden;
    box-shadow: 0 .5rem 1.25rem rgba(0,0,0,.08);
    border: 1px solid #ffffff;
}
.navbar-expand-lg .navbar-nav {
    gap: 30px;
}
.gallery-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
    border: 2px solid var(--brand-primary);
}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;padding:.4rem .6rem;border-radius:999px}
.gallery-nav.prev {
    left: -4rem;
	top:42%;
}
.gallery-nav.next{right:-4rem;top:42%; }

@media (max-width: 991.98px){
  .gallery-item{flex:0 0 calc(33.333% - 8px)}
}
@media (max-width: 767.98px){
  .gallery-item{flex:0 0 calc(50% - 6px)}
  .gallery-img{height:150px}
}
:root{
  --brand-primary:#285f9d;
  --brand-secondary:#000000;
  --dark:#2a2330;
}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.container{max-width:1140px}
.py-5{padding-top:4rem!important;padding-bottom:4rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.topbar {
    background: var(--brand-secondary);
    padding: 6px 0px !important;
}
.navbar {
    background: var(--brand-primary);
    min-height: 80px;
}
.navbar .nav-link{color:#fff;opacity:.9}
.navbar .nav-link.active,.navbar .nav-link:hover{opacity:1}
.btn,.thm-btn,.apartment-one__btn{border-radius:.6rem;padding:.6rem 1.1rem;font-weight:600}
.btn-secondary{background:var(--brand-secondary);border-color:var(--brand-secondary)}
.btn-primary-brand{background:var(--brand-secondary);border-color:var(--brand-secondary)}
.btn-primary-brand:hover,.btn-secondary:hover{filter:brightness(.95)}
.btn-brand,.thm-btn,.apartment-one__btn{background:var(--brand-primary)!important;border-color:var(--brand-primary)!important;color:#fff!important;box-shadow:0 .5rem 1rem rgba(79,15,72,.25);transform:translateY(0);transition:all .25s ease}
.btn-brand:hover,.thm-btn:hover,.apartment-one__btn:hover{background:var(--brand-primary)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 .75rem 1.5rem rgba(195,139,70,.35)}

.sticky-btn-enquire:hover {
    background:var(--brand-primary)!important;
	color:#fff!important;
    border: 1px solid #fff;   
}
.section-light{background:#f8f6f9}
.section-dark{background:var(--dark)}
.footer .footer-link{color:#4b3f55;text-decoration:none}
.footer .footer-link:hover{color:var(--brand-primary)}
.banner {
    min-height: 90vh;
    background: linear-gradient(0deg, rgb(0 0 0 / 41%), rgb(0 0 0 / 27%)), url(/assets/img/banner.png) center / cover no-repeat;
	 background-attachment: fixed;
	  background-position:center;
    /* animation: moveBackground 30s linear infinite; */
}
.section-dark {
    /* background-image: linear-gradient(0deg, rgb(69 46 80), rgb(0 0 0 / 62%)), url(/assets/img/dark-bg.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    animation: moveBackground 15s linear infinite;
	background-color:var(--brand-primary);
}
.banner-caption {
    background: none;
    padding: 16px 10px;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 3rem 0 3rem;
    border: 0px solid #a3a3a3;
}
.banner-caption a {
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #ffffff !important;
    background: var(--brand-secondary) !important;
    color: #ffffff !important;
}
@keyframes moveBackground {
    0% {
        background-position: center top;
    }
    50% {
        background-position: center bottom;
    }
    100% {
        background-position: center top;
    }
}
.topbar a {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff !important;
}
.topbar i {
    background: var(--brand-primary);
    padding: 3px 6px;
    color: #fff;
    border-radius: 4px;
}
.topbar .rera {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff !important;
}
.stat {
    padding: 1rem;
    border: 1px solid rgb(98 21 90 / 43%);
    border-radius: .75rem;
    background: var(--brand-secondary);
    box-shadow: 0 .25rem 1.25rem rgba(0,0,0,.06);
    color: #fff;
    /* font-size: 17px; */
}
.stat .h2.mb-0 {
    font-size: 45px;
}
h1,h2,h3,h4,h5,h6{color:var(--brand-primary)}
a{color:var(--brand-primary)}
a:hover{color:#3a0b36}
.card .form-label{font-weight:500}
.modal .modal-header{background:#f6f1f7}

/* Section title accent */
.section-title{position:relative;display:inline-block;padding-bottom:.4rem}
/* .section-title:after{content:"";position:absolute;left:0;right:0;margin:0 auto;bottom:0;height:3px;width:120px;background:linear-gradient(90deg,var(--brand-secondary),transparent)} */

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.in-view{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}

/* Floor plans */
.floor-card {
    background: #fff;
    border: 1px solid rgb(79 15 72 / 93%);
    border-radius: 2rem  0 2rem;
    overflow: hidden;
    box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 71%);
}
.floor-card img{display:block;width:100%;height:auto}
.floor-card .floor-title {
    padding: 0.7rem 1rem;
    font-weight: 600;
    color: var(--brand-primary);
    background: #febb00;
}
button.gallery-nav {
    background: var(--brand-secondary) !important;
    color: #ffffff !important;
}

.floor-card:hover{transform:translateY(-4px);transition:all .25s ease;box-shadow:0 1rem 2rem rgba(0,0,0,.12)}

/* Amenities */
/* .card.shadow { */
    /* border-radius: 3rem 0 3rem; */
/* } */
.amenity-card {
    background: #4f0f48;
    border-radius: 2rem 0 2rem;
    padding: 1.6rem;
    box-shadow: 0 1rem 2rem rgba(0,0,0,.28);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6rem;
    border: 1px solid rgb(255 255 255 / 91%);
    position: relative;
    overflow: hidden;
}
.amenity-card:after{content:"";position:absolute;inset:auto -25% -25% auto;width:120px;height:120px;background:radial-gradient(circle at center, rgba(195,139,70,.35), transparent 60%);transform:rotate(25deg)}
.amenity-icon{width:56px;height:56px;border-radius:14px;background:var(--brand-secondary);display:grid;place-items:center;color:#2a2330;font-size:1.6rem;box-shadow:0 .5rem 1rem rgba(195,139,70,.45)}
.amenity-title{font-weight:700;text-align:center;letter-spacing:.2px}
.amenity-card:hover{transform:translateY(-6px);transition:all .25s ease;box-shadow:0 1.25rem 2.25rem rgba(0,0,0,.35)}

/* Decorative corner frame around about image */
.about-img-wrap{position:relative;display:inline-block}
/* .about-img-wrap:before, .about-img-wrap:after { */
    /* content: ""; */
    /* position: absolute; */
    /* width: 60px; */
    /* height: 60px; */
    /* border: 3px solid var(--brand-secondary); */
    /* border-radius: 1rem 0rem !important; */
/* } */
.about-img-wrap:before{top:-12px;left:-12px;border-right:none;border-bottom:none;border-radius:.5rem 0 0 0}
.about-img-wrap:after{bottom:-12px;right:-12px;border-left:none;border-top:none;border-radius:0 0 .5rem 0}
.about-img {
    border-radius: 1rem;
    box-shadow: 0 1rem 2rem rgba(0,0,0,.12);
    border: 2px solid #4f0f48;
}
#location .about-img {
    border: 2px solid #fff;
}
.section-light p, .section-light ul li {
    color: #212529 !important;
}

.section-light h2, .section-light h3 {
    color: #212529 !important;
}
/* Subtle background pattern for dark sections */
.section-dark{position:relative;overflow:hidden}
.section-dark:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);background-size:22px 22px;opacity:.25;pointer-events:none}

footer h6 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

footer a {
    color: #fff !important;
    text-decoration: none;
}
.footer-list{
    column-count: 2;
}
.section-dark p,.section-dark li{color:#fff !important;}
.floor-card img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

p.text-muted{color:#333 !important;}

.ct-cta div {
    color: #333;
    font-size: 18px;
}
.footer-ct li{font-size: 16px;}
.stat .small {
    font-size: 16px;
}
li.nav-item.header-ct {
    color: var(--brand-primary) !important;
    background: var(--brand-secondary) !important;
    border-radius: 5px;
    margin-left: 20px;
    padding: 0px 15px;
    border: 1px solid #fff;
}
.ct-cta i {
    background: var;
    background: var(--brand-primary) !important;
    padding: 6px 8px;
    margin-bottom: 10px !important;
    color: #ffffff;
    border-radius: 5px;
}
.ct-cta div {
    margin-bottom: 25px !important;
}
.ct-cta div a{text-decoration:none;}

div#navbarSupportedContent li a {
    text-transform: uppercase;
}
form input.form-control, form textarea.form-control {
    border: 1px solid #333;
}
form .form-control:focus {
   border: 1px solid #333;
}
/*footer {
  position: relative;
  background: url('/assets/img/footer-bg1.jpg') no-repeat center center/cover;
  color: #fff;
  z-index: 1;
}

/* Black overlay 
footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 81%);
    z-index: -1;
}
*/
li.nav-item.header-ct a {
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
}
.banner-caption h1 {
    font-weight: 500 !important;
    font-size: 50px;
    text-transform: uppercase;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
}
.banner-caption p {
    font-weight: 400;
}

ul.reveal.in-view li {
    margin-bottom: 10px;
}
section.thank-you-section {
    background: var(--brand-secondary);
    max-width: 800px;
    margin: 30px auto;
    border-radius: 15px;
}

.icon-phone {
    background: var(--brand-primary);
     color: var(--brand-secondary) !important;
    padding: 8px 10px;
    border-radius: 10px;
}

.icon-phone a{
 color: #fff !important;
}
.icon-phone i{
 color: #fff !important;
}
.shadow {
    box-shadow: var(--bs-box-shadow) !important;
    /* background: linear-gradient(194deg, rgba(79, 15, 72, 1) 21%, rgb(233 177 21 / 77%) 51%, rgba(79, 15, 72, 1) 84%); */
	background:var(--brand-primary);
    border: 1px solid #000 !important;
    border-radius: 0px;
}
.apartment-one__btn {
    background: var(--brand-secondary)!important;
    border-color: #fff !important;
    color: #ffffff !important;
    box-shadow: 0 .5rem 1rem rgba(79,15,72,.25);
    transform: translateY(0);
    transition: all .25s ease;
}
.card-body.p-4 h5 {
    color: #fff;
}
.sticky-btn-enquire {
    position: fixed!important;
    top: 280px;
    right: -70px;
    font-size: 18px!important;
    padding: 10px 25px!important;
    z-index: 999!important;
    transform: rotate(270deg);
    background-color: var(--brand-secondary)!important;
    border: 2px solid #fff;
    color: #ffffff;
    border-radius: 0 20px;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s linear;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}
section.thank-you-section p{color:#fff;}

section.thank-you-section .icon-phone a {
    color: #ffffff !important;
}
.topbar span {
    color: #fff;
}
li.nav-item.header-ct:hover{background: var(--brand-primary) !important;border:1px solid #fff;}

.inner-box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
	border-radius: 25px;
}

.inner-box {
    border: 2px solid  #fff;
    padding: 10px 11px;
    border-radius: 25px;
}
.inner-box h3 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 12px;
}
/* Dropdown on hover for desktop */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
 .gallery-nav.next {
    right: 0rem;
    top: 42%;
	  width: 52px;
}
.gallery-nav.prev {
    top: 42%;
    width: 52px;
    left: 0rem;
}
button.navbar-toggler {
    border: 1px solid #ffffff94;
}
.banner-caption h1 {
    font-size: 30px;
}
.topbar a {
    font-weight: 600;
    font-size: 14px;
    color: #ffffff !important;
}
.floor-card img {
    height: 180px;
}
li.nav-item.header-ct {
    max-width: 123px;
    margin-top: 20px;
    margin-left: 0px;
}
.banner {
    min-height: 60vh;
    background: linear-gradient(0deg, rgb(0 0 0 / 41%), rgb(0 0 0 / 27%)), url(/assets/img/banner-mobile.png) center / cover no-repeat;
	 background-attachment: scroll;
	  background-position:center;
    /* animation: moveBackground 30s linear infinite; */
}
.navbar-expand-lg .navbar-nav {
    gap:10px;
}
.navbar-toggler {
    box-shadow: none;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    border: 2px solid #fff !important;
    padding: 5px 9px;
}
.navbar-toggler-icon {
    width: 1.9em;
    height: 1.5em;
}
.navbar-toggler:focus {
    box-shadow: none;
	 border: 2px solid #fff !important;
}
}