/* =====================================
   LARGE DESKTOP
===================================== */

@media (min-width:1400px){

    .hero h1{

        font-size:72px;

    }


    .hero-image{

        max-width:750px;

    }

}


/* =====================================
   LAPTOPS
===================================== */

@media (max-width:1199px){


    .hero h1{

        font-size:52px;

    }


    .hero-stats{

        gap:25px;

    }


    .hero-stats h3{

        font-size:26px;

    }


    .investment-card,
    .market-card,
    .feature-card{

        padding:25px;

    }


}


/* =====================================
   TABLETS
===================================== */

@media (max-width:991px){


    .custom-navbar{

        padding:15px 0;

    }


.navbar-collapse{

    margin-top:18px;

    background:#111827;

    border-radius:18px;

    padding:25px;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 20px 60px rgba(0,0,0,.35);

}


.nav-link{

    margin:8px 0;

    border-radius:10px;

}

.nav-link:hover{

    background:#18263f;

}



    .navbar .btn{

        width:100%;

    }



    .hero{

        text-align:center;

        padding-top:150px;

    }



    .hero h1{

        font-size:45px;

    }



    .hero p{

        margin:auto;

    }



    .hero-buttons{

        justify-content:center;

    }



    /* .hero-image{

        margin-top:50px;

        max-width:550px;

    } */
      .hero-image{

        max-width:100%;

        width:100%;

        height:auto;

        margin-top:40px;

    }



    .hero-stats{

        justify-content:center;
display: flex;
        /* flex-wrap:wrap; */

    }



    .property-card img{

        height:220px;

    }



    .statistics h2{

        font-size:38px;

    }


}



/* =====================================
   MOBILE DEVICES
===================================== */

@media (max-width:767px){


    body{

        font-size:14px;

    }



    .navbar-brand{

        font-size:24px;

    }



    /* .hero{

        min-height:auto;

        padding-top:120px;

        padding-bottom:70px;

    } */
     .hero{

    min-height:100vh;

    display:flex;

    align-items:center;

    padding-top:130px;

    padding-bottom:80px;

}



    .hero h1{

        font-size:36px;

        letter-spacing:-1px;

    }



    .hero p{

        font-size:15px;

    }



    .hero .btn{

        display:block;

        width:100%;

        margin-bottom:15px;

    }



    .hero-stats{

        gap:20px;

    }



    .hero-stats div{

        width:40%;

    }



    .hero-stats h3{

        font-size:22px;

    }



    .companies{

        padding:40px 0;

    }



    .companies h4{

        font-size:18px;

    }



    .investment-card,
    .market-card,
    .feature-card,
    .testimonial-card{

        padding:25px;

    }



    .investment-card .icon{

        width:60px;

        height:60px;

        font-size:25px;

    }



    .market-card h3{

        font-size:22px;

    }



    .property-card img{

        height:200px;

    }



    .statistics h2{

        font-size:30px;

    }



    .statistics p{

        font-size:13px;

    }



    .newsletter-box{

        padding:40px 20px;

    }



    .newsletter-box h2{

        font-size:28px;

    }



    .input-group{

        flex-direction:column;

    }



    .input-group input,
    .input-group button{

        width:100%;

        border-radius:10px!important;

        margin-bottom:10px;

    }



    .footer{

        text-align:center;

    }



    .footer .d-flex{

        justify-content:center;

    }


}



/* =====================================
   SMALL PHONES
===================================== */

@media (max-width:400px){


    .hero h1{

        font-size:30px;

    }



    .hero-stats div{

        width:100%;

    }



    .statistics .col-6{

        width:100%;

        margin-bottom:30px;

    }



    .display-4{

        font-size:30px;

    }


}

@media(max-width:991px){

.d-flex.gap-3{

    flex-direction:column;

    margin-top:20px;

}

.d-flex.gap-3 .btn{

    width:100%;

}

}