/* ===========================
   GLOBAL STYLES
=========================== */

body {
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    color: #2b2b2b;
    background-color: #ffffff;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

img.rounded {
    border-radius: 10px;
}

section {
    overflow-x: hidden;
}


/* ===========================
   HERO SECTION
=========================== */

.hero {
    height: 90vh;
    position: relative;
}

/*.hero img {*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

.hero-content {
    max-width: 800px;
    padding: 40px 20px;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 10px;
}

.hero h1 {
    font-family: "Vidaloka", Arial, Helvetica, sans-serif;
    font-size: 2.7rem;
    line-height: 1.3;
}
.hero .label{
    font-family: "Oswald", Arial, Helvetica, sans-serif;
    color: #ba9778;
}
.hero p {
    font-size: 1.1rem;
}

.hero .img_slide img{
    max-height: 600px;
    width: 100%;
    object-fit: cover;
}



/* ===========================
 about-section
=========================== */
#about-project .img-item img{width: 55%}
#about-project .about-project-title{
    font-family: "Vidaloka", Arial, Helvetica, sans-serif;
    font-size: 4em;
    font-weight: 100;
    margin: 30px 0;
}
#about-project .about-project-label{
    position: relative;
    font-family: "Oswald", Arial, Helvetica, sans-serif;
    padding: 0 0 0 85px;
    color: #ba9778;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.067rem;
}
#about-project .about-project-label:before{
    content: "";
    display: inline-block;
    width: 4em;
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0;
    border-style: solid;
    border-width: 1px 0 0;
}
.about-project-text{
    font-size: 1.334rem;
    margin-top: 1.6em;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-weight: 300;}

#about-project .btn-contact{box-shadow: 0 0 0 3em #ba9778 inset;
    color: #ffffff;
    border-radius: 0;
    padding: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Oswald", Arial, Helvetica, sans-serif;
    font-size: 1.14em;
    font-weight: 300;}
.about-project-content{padding: 0 0 0 190px;}


/* ===========================
 about-section
=========================== */


/* ===========================
 reach_to section
=========================== */
.reach-to {background-color: #bb98786e;padding-top: 8em; padding-bottom: 0 !important;}
.reach-to .bt_bb_text{font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;color: white;font-weight: 400;}
.reach-to .progress-item{padding: 9px 0}
.reach-to .bt_bb_headline_tag{font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-size: 4em;font-weight: 300;color: white;margin: 0 0 30px;}
.reach-to .bt_bb_headline_tag b{color: #ba9778;}
.reach-to .progress{background: #ffffff80;border-radius: 0;padding: 5px;height: 25px;}
.reach-to .progress-bar{color: #585858 !important;background-color: rgb(255 255 255) !important;}
.reach-to .progress-lable{margin: 0 0 5px;font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;font-weight: 400;font-size: 1em;}

/* ===========================
 about-section
=========================== */


/* ===========================
   STATS BLOCK
=========================== */

.stats-section {
    background: #ffffff; /* теплый бежево-коричневый */
    width: 90.5%;
    margin: 30px 0 0;
}

.stats-section .num-items{}
.stats-section .num-items .num{
    font-family: "Vidaloka", Arial, Helvetica, sans-serif;
    color: #ba9778;
    font-size: 5em;
    font-weight: 500;

}
.stats-section .num-items p{
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.15em;
    letter-spacing: 1px;
    color: black;
}

.stats-section h3 {
    font-size: 2.2rem;
}

.stats-section p {
    margin: 0;
    opacity: 0.9;
}


/* ===========================
   APARTMENT CARDS
=========================== */

.house_img_inner{
    height: 250px;
    overflow: hidden;
}
.house_apartment_img{
    width: 100%;
}
.house_tab-item_inner{margin: 30px 0;}

.house_tab-item_inner .bt_bb_headline_superheadline{
    display: block;
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 2.15em;
    font-family: "Oswald", Arial, Helvetica, sans-serif;
    color: #ba9778;
}
.house_tab-item_inner .bt_bb_headline_content{
    font-size: 2rem;
    font-weight: 200;
    font-family: "Vidaloka", Arial, Helvetica, sans-serif;
}
.house_tab-item_inner .bt_bb_headline_content a{text-decoration: none;color: black}
.house_tab-item_inner .bt_bb_headline_content b{color: #ba9778;}

.house_tab-item_inner .bt_bb_text{
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.2em;}
.house_tab-item_inner .bt_bb_text p{margin-bottom: 0.1rem;}


.apartment-card img {
    max-height: 140px;
    object-fit: contain;
}

.apartment-card {
    transition: all 0.3s ease;
    background: #fff;
}

.apartment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}


/* ===========================
   ENERGY SECTION
=========================== */

.energy-section {
    background: #8fa1b2; /* холодный серо-синий */
}

.energy-section h2 {
    font-size: 2rem;
}

.energy-section p {
    font-size: 1.1rem;
    opacity: 0.9;
}


/* ===========================
   AMENITIES
=========================== */

section .border {
    border-color: #bfa48e !important;
}

section .p-4 {
    background: #faf7f5;
}

section .p-4:hover {
    background: #f0ece9;
}


/* ===========================
   MAP SECTION
=========================== */

.list-group-item {
    font-size: 1rem;
    padding: 14px 18px;
}


/* ===========================
   DEVELOPER SECTION
=========================== */

.developer img {
    border-radius: 10px;
}

.developer p {
    max-width: 720px;
    margin: 0 auto;
}


/* ===========================
   FOOTER
=========================== */

.footer-section {
    background: #2f2e2d;
}

.footer-section h3 {
    font-size: 1.8rem;
}

.footer-section p {
    opacity: 0.7;
}

.footer-section .btn {
    font-size: 1.1rem;
    padding: 12px 30px;
}


/* ===========================
   BUTTONS
=========================== */

.btn-light {
    color: #2b2b2b;
}

.btn-outline-dark:hover {
    background: #2b2b2b;
    color: #fff;
}


/* ===========================
   RESPONSIVE
=========================== */

@media (max-width: 768px) {
    .hero {
        height: 70vh;
    }

    .hero h1 {
        font-size: 1.9rem;
    }

    .hero-content {
        padding: 25px 15px;
    }
}