@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Urbanist:wght@300;400;500;600;700&display=swap');

/*
 * Eiffel Palm Vista theme — loaded last so it overrides the base template.
 * Palette: warm gold (#dfc86b) and soft cream (#ece2c4), deep navy, ink.
 */
:root {
    --sv-navy: #513816;
    --sv-navy-2: #513816;
    --sv-navy-3: #070e1c;
    --sv-gold: #dfc86b;
    --sv-gold-dark: #c2a94a;
    --sv-cream: #ece2c4;
    --sv-cream-2: #e3d6ab;
    --sv-ink: #3a280f;
    --sv-text: #3d3830;
    --sv-line: rgba(26, 24, 18, 0.08);
    --primary-color: var(--sv-gold-dark);
    --brand-gradient: linear-gradient(135deg, #dfc86b 0%, #c2a94a 100%);
}

/* ---------- Typography ---------- */
body {
    font-family: "Urbanist", sans-serif !important;
    color: var(--sv-text);
    background: var(--sv-cream);
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar .nav-item>a,
.property-info .inner .total,
.contact-section .info-column ul li span,
.call-to-action-section .developer-stats .stat-number {
    font-family: "Outfit", sans-serif !important;
    font-weight: 600;
}

p,
li,
span,
a,
input,
textarea,
label,
.property-info .inner .title,
.property-info .inner .price,
.home-detail .inner .home-list li span,
.loc-headin1 h1,
.headloc h3 {
    font-family: "Urbanist", sans-serif;
}

/* Kill gradient-clipped heading text; headings are solid ink / white with gold accents */
.about-section-two .content-column h1,
.call-to-action-section h1,
.convenience-info-tabs .convenience-tabs .tabs-content h3,
.plans-section .title-column .inner-column h2,
#floorplan .config-card h3,
.contact-section .form-column h2,
.location-adv .head-wrap h3,
.home-detail .inner h3 {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
    animation: none !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Section titles in gold, like the reference */
.sec-title h2,
#gallerySection h2,
#developerSection>h2,
.convenience-section h2,
.plans-section .title-column .inner-column h2,
.location-adv .head-wrap h3 {
    color: whitesmoke !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.sec-title h2,
.plans-section .title-column .inner-column h2,
#developerSection>h2 {
    color: var(--sv-ink) !important;
}



/* ---------- Buttons (ink on light, gold on dark) ---------- */
.btn-style-one,
.default-form .btn-style-one,
.btn-style-five,
.button,
#floorplan .config-btn,
#floorplan .fp-download-link,
.bricks-background-primary,
.theme-btn,
.banner-query-submit,
#contactus_modal {
    background: var(--sv-ink) !important;
    color: var(--sv-cream) !important;
    border: 1px solid var(--sv-ink) !important;
    border-radius: 1px !important;
    font-family: "Urbanist", sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all .3s ease;
}


.btn-style-one {
    background-color: #c2a94a !important;
}


.btn-style-one:hover,
.default-form .btn-style-one:hover,
.btn-style-five:hover,
.button:hover,
#floorplan .config-btn:hover,
#floorplan .fp-download-link:hover,
.bricks-background-primary:hover,
.theme-btn:hover,
.banner-query-submit:hover,
#contactus_modal:hover {
    background: var(--sv-gold) !important;
    border-color: var(--sv-gold) !important;
    color: var(--sv-ink) !important;
}

.btn-style-one:disabled,
.button:disabled,
.banner-query-submit:disabled {
    opacity: .55;
}

/* ---------- Navbar (navy, like the reference header) ---------- */
#nav,
#nav.bg-white {
    background: var(--sv-navy) !important;
    border-bottom: 1px solid rgba(223, 200, 107, 0.18);
}

.navbar .nav-item>a,
.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.87) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.navbar .nav-item>a:hover,
.navbar-nav .nav-link.active,
.navbar-nav .current>a {
    color: var(--sv-gold) !important;
}

.developer-logo-nav {
    opacity: .95;
}

.navbar-toggler {
    border-color: var(--sv-gold) !important;
}

@media (max-width: 991px) {
    #navbarSupportedContent {
        background: var(--sv-navy);
    }
}

/* ---------- Mobile banner details ---------- */
.home-detail {
    background: var(--sv-navy);
}

.home-detail .inner h3 {
    color: #fff !important;
}

.home-detail .inner .text,
.home-detail .inner .home-list li span {
    color: rgba(255, 255, 255, 0.75);
}

.home-detail .inner .home-list li {
    color: var(--sv-gold);
}

.home-detail .rera-no,
.home-detail .terms-conditions {
    color: rgba(255, 255, 255, 0.6) !important;
}

.home-detail .banner-form-title {
    color: #fff;
}

.home-detail .banner-query-text {
    background: transparent;
    color: #fff;
    border-bottom-color: var(--sv-gold) !important;
}

.home-detail .banner-query-box input:disabled {
    background: transparent;
    color: var(--sv-gold);
    border: 0;
    border-bottom: 1px solid var(--sv-gold);
    border-radius: 0;
}

.home-detail .banner-query-text::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.home-detail .banner-btn {
    background: var(--sv-gold) !important;
    border-color: var(--sv-gold) !important;
    color: var(--sv-ink) !important;
}

/* ---------- Property info strip ---------- */
.property-info-section {
    border-bottom: 1px solid var(--sv-line);
}

.row-home-details .property-info:nth-child(odd) {
    background-color: var(--sv-cream);
}

.row-home-details .property-info:nth-child(even) {
    background-color: var(--sv-cream-2);
}

.property-info .inner .total {
    color: #513816;
    letter-spacing: 2px;
}

.property-info .inner .title,
.property-info .inner .price {
    color: var(--sv-ink);
}

/* ---------- About (light) ---------- */
.about-section-two {
    background: whitesmoke;
}

.about-section-two .content-column h1 {
    color: var(--sv-ink) !important;
}

.about-section-two .content-column .text {
    color: var(--sv-text);
}

/* ---------- Highlights (navy over image) ---------- */
.convenience-section:before {
    background-color: rgb(81 56 22 / 80%);
}

.convenience-info-tabs .convenience-tabs .tabs-content .tab {
    background-color: var(--sv-navy-2);
}

.convenience-info-tabs .convenience-tabs .tabs-content h3 {
    color: #fff !important;
}

.list-style-three li {
    color: rgba(255, 255, 255, 0.85);
}

.list-style-three li:before {
    color: var(--sv-gold);
    content: "\f10c";
    font-size: 10px;
}

/* ---------- Amenities (light) ---------- */
.gallery-section-two {
    background: var(--sv-cream);
}

.gallery-section-two .sec-title p {
    color: var(--sv-text);
}

.gallery-block-two .image-box {
    border: 1px solid var(--sv-gold);
}

.gallery-block-two .overlay-inner .link {
    background: var(--sv-gold);
    color: var(--sv-ink);
}

.project-details {
    background: linear-gradient(180deg, rgba(12, 23, 45, 0) 55%, rgba(12, 23, 45, 0.85));
}

/* ---------- Gallery (navy) ---------- */
#gallerySection {
    background: var(--sv-navy);
}

.left-icon,
.right-icon {
    color: var(--sv-gold);
}

/* ---------- Floor plans (light) ---------- */
.plans-section {
    background-color: var(--sv-cream-2);
}

.plans-section .title-column .inner-column .text {
    color: var(--sv-text);
}

#floorplan .config-card {
    background: #fff;
    border: 1px solid var(--sv-line);
}

#floorplan .config-card h3 {
    color: var(--sv-ink) !important;
}

#floorplan .config-icon {
    background: var(--sv-navy);
    color: var(--sv-gold);
}

#floorplan .config-row .label {
    color: #3a280f;
    letter-spacing: 1px;
}

#floorplan .config-row,
#floorplan .config-row .value {
    color: var(--sv-ink);
}

/* ---------- Location (navy) ---------- */
.location-adv,
#location {
    background: var(--sv-navy);
}

.location-adv p,
.location-adv .head-wrap p {
    color: rgba(255, 255, 255, 0.75);
}

.loc-headin1 h1 {
    color: #fff;
}

.loc-headin1 h1 img {
    filter: invert(1);
}

.loc-headin1::after {
    background: var(--sv-gold);
}

#sync2 .current {
    border-bottom: 2px solid var(--sv-gold);
}

.loc-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 10px;
}

.loc-content p {
    color: rgba(255, 255, 255, 0.87);
}

.loc-content span {
    color: var(--sv-gold);
    font-weight: 600;
    text-align: end;
}

.location-adv .bricks-background-primary {
    background: var(--sv-gold) !important;
    border-color: var(--sv-gold) !important;
    color: var(--sv-ink) !important;
}

.location-adv .bricks-background-primary:hover {
    background: var(--sv-cream) !important;
    border-color: var(--sv-cream) !important;
}

/* ---------- Developer (light) ---------- */
.call-to-action-section {
    background: var(--sv-cream);
}

.call-to-action-section .text {
    color: var(--sv-text);
}

.call-to-action-section .developer-stats .stat-number {
    color: var(--sv-gold-dark);
}

.call-to-action-section .developer-stats .stat-label {
    color: var(--sv-text);
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* ---------- Contact (navy) ---------- */
.contact-section {
    background-image: none;
    background-color: var(--sv-navy);
}

.contact-section:before {
    background-color: var(--sv-navy);
}

.contact-section .info-column .inner-column {
    background: var(--sv-navy-2);
    border: 1px solid rgba(223, 200, 107, 0.35);
}

.contact-section .info-column .inner-column h2 {
    color: var(--sv-gold);
}

.contact-section .info-column ul li,
.contact-section .info-column ul li span {
    color: rgba(255, 255, 255, 0.87);
}

.contact-section .info-column ul li span {
    color: var(--sv-gold);
}

.contact-section .form-column h2 {
    color: #fff !important;
}

.default-form input[type=text],
.default-form input[type=email],
.default-form textarea,
.default-form .form-control {
    background-color: transparent;
    border-bottom: 1px solid rgba(223, 200, 107, 0.6);
    color: #fff;
}

.default-form .form-control:disabled {
    color: var(--sv-gold) !important;
}

.default-form input::placeholder,
.default-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.contact-section .sidecondition-label {
    color: var(--sv-gold);
}

.contact-section .btn-style-one {
    background: var(--sv-gold) !important;
    border-color: var(--sv-gold) !important;
    color: var(--sv-ink) !important;
}

.contact-section .btn-style-one:hover {
    background: var(--sv-cream) !important;
    border-color: var(--sv-cream) !important;
}

/* ---------- Footer & sticky bars ---------- */
.main-footer .footer-bottom {
    background-color: #3e2a0f;
    border-top: 1px solid rgba(223, 200, 107, 0.18);
}

.main-footer .footer-bottom .copyright,
.main-footer .footer-bottom .copyright a {
    color: rgba(250, 248, 244, 0.7) !important;
}

.main-footer .footer-bottom .copyright a:hover {
    color: var(--sv-gold) !important;
}

.bottom-query {
    background: var(--sv-navy);
    border-top: 1px solid rgba(223, 200, 107, 0.25);
}

.bottom-query-submit {
    background: var(--sv-gold) !important;
    border: 1px solid var(--sv-gold) !important;
    color: var(--sv-ink) !important;
    border-radius: 1px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Urbanist", sans-serif !important;
    font-weight: 600;
}

.mail-icon {
    color: var(--sv-gold);
}

.bottom-btn {
    background: var(--sv-gold) !important;
    color: var(--sv-ink) !important;
    font-family: "Urbanist", sans-serif !important;
    font-weight: 700;
    letter-spacing: 2px;
}

/* ---------- Modals ---------- */
.modal-title {
    color: var(--sv-ink);
}

.modal-body .form-control:focus,
.form-control:focus {
    border-color: var(--sv-gold) !important;
    box-shadow: none;
}

.modal-body button:hover {
    background-color: var(--sv-gold);
    color: var(--sv-ink);
}

/* ---------- Thank-you page ---------- */
.thank-you-page {
    min-height: 100vh;
    margin: 0;
    background: var(--sv-navy) url('../images/highlight-bg.webp') center / cover no-repeat;
}

.ty-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
    background: rgba(12, 23, 45, 0.86);
}

.ty-card {
    width: 100%;
    max-width: 520px;
    padding: 44px 36px 32px;
    background: var(--sv-navy-2);
    border: 1px solid rgba(223, 200, 107, 0.35);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
}

.ty-card .thank-you-logo {
    width: 120px;
}

.ty-check {
    width: 64px;
    height: 64px;
    margin: 22px auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--sv-ink);
    background: var(--sv-gold);
    box-shadow: 0 0 0 8px rgba(223, 200, 107, 0.15);
}

.ty-card .head-title {
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.ty-text {
    color: rgba(255, 255, 255, 0.78);
    font-size: 17px;
    margin-bottom: 0;
}

.ty-divider {
    width: 60px;
    height: 1px;
    margin: 22px auto;
    background: var(--sv-gold);
}

.ty-card .home-btn {
    display: inline-block;
    padding: 12px 30px;
    text-decoration: none;
    background: var(--sv-gold) !important;
    border-color: var(--sv-gold) !important;
    color: var(--sv-ink) !important;
}

.ty-card .home-btn:hover {
    background: var(--sv-cream) !important;
    border-color: var(--sv-cream) !important;
}

@media (max-width: 575px) {
    .ty-card {
        padding: 36px 20px 26px;
    }

    .ty-card .head-title {
        font-size: 21px;
    }
}

/* ---------- Mobile tweaks ---------- */
.navbar-toggler-icon {
    filter: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23dfc86b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 2px rgba(223, 200, 107, 0.35);
}

#sync2 .owl-nav .owl-prev img,
#sync2 .owl-nav .owl-next img {
    filter: none;
}

@media (max-width: 767px) {
    #floorplan .config-cards>[class*="col-"]+[class*="col-"] {
        margin-top: 16px;
    }
}

/* ---------- Location tabber: clear active tab, arrows outside the strip ---------- */
#sync2 {
    padding: 0 40px;
}

#sync2 .owl-item .loc-headin1 {
    display: block;
    padding: 10px 8px;
    border-radius: 2px;
    transition: background .3s ease;
}

#sync2 .owl-item .loc-headin1 h1 {
    margin: 0;
    color: rgba(255, 255, 255, 0.55);
    justify-content: flex-start;
    text-align: left;
    transition: color .3s ease;
}

#sync2 .owl-item .loc-headin1 h1 img {
    opacity: .55;
    transition: opacity .3s ease;
}

#sync2 .owl-item.current {
    border-bottom: 2px solid var(--sv-gold);
}

#sync2 .owl-item.current .loc-headin1 {
    background: rgba(223, 200, 107, 0.12);
}

#sync2 .owl-item.current .loc-headin1 h1 {
    color: var(--sv-gold);
}

/* tint the black PNG icon gold for the active tab */
#sync2 .owl-item.current .loc-headin1 h1 img {
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(77%) sepia(28%) saturate(640%) hue-rotate(354deg) brightness(92%) contrast(88%);
}

#sync2 .owl-item:hover .loc-headin1 h1 {
    color: #fff;
}

#sync2 .owl-nav .owl-prev img,
#sync2 .owl-nav .owl-next img {
    top: 50%;
    transform: translateY(-50%);
}

#sync2 .owl-nav .owl-prev img {
    left: 0;
}

#sync2 .owl-nav .owl-next img {
    right: 0;
}

#sync2 .owl-nav button:hover {
    background: transparent !important;
}

@media (max-width: 991px) {
    #sync2 .owl-item .loc-headin1 h1 {
        margin-left: 0;
    }
}