/*====================================================
  Project Name   : Bollineni Bion
  Description    : Realestate website and landing page
  Author         : Rohit Suryavanshi | https://rohitwebco.com/
  Company        : Bollineni
  Version        : 1.0.0
  Created Date   : 19 March 2026
  Last Updated   : 19 March 2026
  Copyright      : © 2025 Bollineni. All rights reserved.
  License        : 
=====================================================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
    --primary-color: #ECC962;
    --primary-color-yelllow: #f7ff58;
    --primary-color-blue-medium: #0b4367;
    --primary-color-blue-light: #08678a;
    --primary-color-gold-dark: #977124;
    --primary-color-gold-medium: #BB9331;
    --primary-color-gold-light: #ECC962;
    --button-color: #dc3545;
    --color-white: #ffffff;
    --color-dark: #101316;
    --color-dark-medium: rgb(91, 91, 91);
    --font-primary: "Poppins", sans-serif;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-sm: 14px;
    --font-size-xs: 11px;
}

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

html {
    scroll-behavior: smooth;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

body {
    font-family: var(--font-primary);
    font-size: var(--font-size-base);
    color: var(--color-dark);
}

/* Header typography only */
.header__brand {
    color: var(--color-dark);
}

.header__title {
    margin: 0;
    font-size: 34px;
    line-height: 1;
    letter-spacing: -0.4px;
    font-weight: 700;
}

.header__subtitle {
    display: block;
    margin-top: 2px;
    font-size: var(--font-size-xs);
    line-height: 1.2;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #5d5d5d;
    font-weight: 500;
}

.header__nav ul li a {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: #232323;
}

.header__nav ul li a.is-active {
    color: #a8ae45;
}

.btn.btn__primary {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
}

/* Banner typography only */
.banner__content {
    color: #ffffff;
}

.banner__content h2 {
    margin: 0;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
}

.banner__content h2 span {
    color: #e3c868;
}

.banner__content h1 {
    margin: 4px 0 0;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.18;
}

.banner__location {
    margin: 8px 0 0;
    font-size: 20px;
    font-weight: 400;
}

.banner__highlights li {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
}

.banner__typology {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
}

.banner__price {
    margin: 8px 0 0;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
}

.banner__rera {
    margin: 16px 0 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
}

.banner__form h4 {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
}

.banner__form .form-group input {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
}

.banner__form .form-group input::placeholder {
    color: #f0f0f0;
}

/* About typography only */
.about__meta {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #2b2b2b;
}

.about__content h2 {
    margin: 10px 0 18px;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
    color: #b49a3a;
}

.about__content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
    color: #1f1f1f;
}

.lead__popup-dialog h4 {
    margin: 0;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
    color: #ffffff;
}

.lead__popup-dialog p {
    margin: 8px 0 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #e7e7e7;
}

.lead__popup .form-group input {
    font-size: 15px;
    font-weight: 400;
}

.lead__popup .form-group input::placeholder {
    color: #f0f0f0;
}

/* Highlights typography only */
.highlights__content h2 {
    margin: 0;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 600;
    color: #a99630;
}

.highlights__content > p {
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 1.6;
    color: #1f1f1f;
}

.highlight__item span {
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: #a99630;
}

.highlight__item p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: #171717;
}

/* Visit section typography only */
.visit__content h2 {
    margin: 0;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 600;
    color: #ffffff;
}

.visit__content p {
    margin: 10px 0 24px;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
}

/* Amenities typography only */
.amenities__head h2 {
    margin: 0 0 22px;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
    color: #a99630;
}

.amenities__head p {
    margin: -8px 0 22px;
    font-size: 16px;
    line-height: 1.6;
    color: #3d3d3d;
}

.amenity__item i {
    font-size: 34px;
    color: #d8c58a;
}

.amenity__item h3 {
    margin: 14px 0 0;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
    color: #222222;
}

/* Floor plan typography only */
.floor-plan__head h2 {
    margin: 0 0 22px;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
    color: #a99630;
}

.floor-plan__head p {
    margin: -8px 0 22px;
    font-size: 16px;
    line-height: 1.6;
    color: #3d3d3d;
}

.floor-plan__card h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #1f1f1f;
    text-align: center;
}

/* Price list typography only */
.price-list__head h2 {
    margin: 0;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
    color: #ffffff;
}

.price-list__head p {
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 1.6;
    color: #d7d7d7;
}

.price-card h3 {
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 600;
    color: #ffffff;
}

.price-card__size {
    margin: 12px 0 0;
    font-size: 15px;
    line-height: 1.6;
    color: #d6d6d6;
}

.price-card__price {
    margin: 12px 0 18px;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #e3c868;
}

/* Gallery typography only */
.gallery__head h2 {
    margin: 0 0 22px;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
    color: #a99630;
}

.gallery__head p {
    margin: -8px 0 22px;
    font-size: 16px;
    line-height: 1.6;
    color: #3d3d3d;
}

/* Location typography only */
.location__content h2 {
    margin: 0;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
    color: #a99630;
}

.location__subhead {
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 1.6;
    color: #3d3d3d;
}

.location__content ul li {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    color: #1b1b1b;
}

/* Footer typography only */
.footer__about h3,
.footer__links h3,
.footer__contact h3 {
    margin: 0 0 14px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.footer__about p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #cfcfcf;
}

.footer__links ul li a,
.footer__contact ul li,
.footer__contact ul li a {
    font-size: 14px;
    line-height: 1.7;
    color: #d9d9d9;
}

.footer__links ul li a:hover,
.footer__contact ul li a:hover,
.footer__policy-link:hover {
    color: #e3c868;
}

.footer__contact ul li i {
    color: #e3c868;
}

.footer__copyright,
.footer__credit {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: #d9d9d9;
}

.footer__credit a {
    color: #e3c868;
    font-weight: 400;
}

.footer__policy-link {
    margin-left: 12px;
    color: #d9d9d9;
}