/*!
 * GamudaLand.net UI Framework
 * File: 05-home-hero.css
 * Version: 1.0.0
 * Build for: Flatsome + BatDongSan33
 */

/* ==========================
   HERO BANNER
========================== */

.banner,
.banner.has-hover{
    border-radius:32px;
    overflow:hidden;
    position:relative;
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.banner .bg{
    transition:transform .8s ease;
}

.banner:hover .bg{
    transform:scale(1.05);
}

.banner .overlay{
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.15) 0%,
        rgba(0,0,0,.55) 100%
    ) !important;
}

.banner h1{
    color:#fff;
    font-size:52px;
    line-height:1.15;
    font-weight:700;
    text-shadow:0 4px 24px rgba(0,0,0,.25);
    margin-bottom:18px;
}

.banner h2{
    color:#fff;
    font-size:34px;
    font-weight:600;
}

.banner p{
    color:rgba(255,255,255,.92);
    font-size:18px;
    max-width:720px;
}

/* CTA */

.banner .button{
    margin-top:24px;
    padding:0 28px;
    height:50px;
    line-height:48px;
    border-radius:999px;
    background:#C62828;
    border-color:#C62828;
    color:#fff;
    font-weight:700;
    box-shadow:0 10px 25px rgba(198,40,40,.25);
}

.banner .button:hover{
    background:#A91F24;
    border-color:#A91F24;
    transform:translateY(-2px);
}

/* Scroll cue */
.scroll-for-more{
    animation:heroFloat 2.2s ease-in-out infinite;
}

@keyframes heroFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(8px);}
}

/* Mobile */
@media (max-width:849px){

.banner{
    border-radius:20px;
}

.banner h1{
    font-size:34px;
}

.banner h2{
    font-size:24px;
}

.banner p{
    font-size:16px;
}

.banner .button{
    width:100%;
}

}