/* =========================
   HERO IMAGE
========================= */

.hero-img{
    width:100%;
    max-width:650px;
    height:auto;
    border-radius:30px;
    display:block;
    margin:auto;

    /* Premium Shadow */
    box-shadow:
    0 20px 60px rgba(0,0,0,.35),
    0 0 60px rgba(139,92,246,.35);

    /* Animation */
    animation:heroFloat 5s ease-in-out infinite;

    /* Smooth */
    transition:all .4s ease;
}

/* Hover Effect */

.hero-img:hover{

    transform:
    translateY(-10px)
    scale(1.03);

    box-shadow:
    0 25px 80px rgba(0,0,0,.45),
    0 0 80px rgba(168,85,247,.6);

}

/* Floating Animation */

@keyframes heroFloat{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0px);

}

}

/* Glow Circle Behind Image */

.hero-image{

position:relative;

display:inline-block;

}

.hero-image::before{

content:"";

position:absolute;

width:420px;

height:420px;

background:radial-gradient(circle,#8B5CF6,transparent);

filter:blur(80px);

top:50%;

left:50%;

transform:translate(-50%,-50%);

z-index:-1;

opacity:.65;

}

/* Mobile */

@media(max-width:768px){

.hero-img{

max-width:100%;

margin-top:40px;

}

}