/* =====================================================
   MAHE REALTY LLC
   Final Style Sheet
===================================================== */

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

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

body{
    font-family:'Poppins',sans-serif;
    background:#ffffff;
    color:#333;
    line-height:1.7;
}

/* NAVBAR */

.navbar{
    background:#fff;
    padding:15px 0;
}

.navbar-brand img{
    max-height:70px;
}

.nav-link{
    color:#003366 !important;
    font-weight:600;
    margin-left:20px;
}

.nav-link:hover{
    color:#0d6efd !important;
}

/* HERO */

.hero{
    background:url('../images/hero.jpg') center center/cover no-repeat;
    min-height:650px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
    color:#fff;

    position:relative;
}

.hero::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,.45);

}

.hero .container{

position:relative;

z-index:10;

}

.hero h1{

font-size:60px;

font-weight:700;

margin-bottom:20px;

}

.hero h3{

font-weight:300;

margin-bottom:20px;

}

.hero p{

font-size:22px;

margin-bottom:35px;

}

.btn-primary{

padding:14px 35px;

border-radius:40px;

font-weight:600;

}

.btn-success{

padding:14px 35px;

border-radius:40px;

font-weight:600;

}

/* TITLES */

section{

padding:70px 0;

}

section h2{

font-weight:700;

color:#003366;

margin-bottom:20px;

}

section h4{

color:#777;

margin-bottom:25px;

}

/* TEAM */

.team img{

width:100%;

border-radius:12px;

box-shadow:0 10px 30px rgba(0,0,0,.15);

transition:.3s;

}

.team img:hover{

transform:scale(1.03);

}

/* CARDS */

.card{

border:none;

border-radius:12px;

box-shadow:0 10px 25px rgba(0,0,0,.10);

transition:.3s;

}

.card:hover{

transform:translateY(-6px);

}

.card img{

height:230px;

object-fit:cover;

}

/* ICONS */

.fa-solid,

.fa-house,

.fa-key,

.fa-chart-line,

.fa-comments{

color:#0d6efd;

}

/* BUTTONS */

.btn{

border-radius:40px;

padding:12px 30px;

font-weight:600;

}

/* FOOTER */

footer{

background:#003366;

color:#fff;

padding:50px 0;

text-align:center;

}

footer img{

margin-bottom:20px;

}

footer p{

margin:5px 0;

}

/* WHATSAPP */

.whatsapp{

position:fixed;

bottom:20px;

right:20px;

width:65px;

height:65px;

border-radius:50%;

background:#25D366;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:32px;

text-decoration:none;

box-shadow:0 10px 25px rgba(0,0,0,.30);

z-index:999;

transition:.3s;

}

.whatsapp:hover{

transform:scale(1.10);

color:#fff;

}

/* RESPONSIVE */

@media(max-width:992px){

.hero h1{

font-size:40px;

}

.hero p{

font-size:18px;

}

}

@media(max-width:768px){

.hero{

min-height:500px;

}

.hero h1{

font-size:32px;

}

.hero h3{

font-size:22px;

}

.nav-link{

margin-left:0;

}

}