.hero{

    position:relative;

    min-height:80vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:
    linear-gradient(
    180deg,
    #ffffff 0%,
    #f8fbff 100%);

}

.hero-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    align-items:center;

    gap:80px;

}

.hero-content{

    z-index:2;

}

.hero-buttons{

    display:flex;

    gap:20px;

    margin-top:40px;

    flex-wrap:wrap;

}

.hero-image{

    display:flex;

    justify-content:center;

    align-items:center;

}

.hero-image img{

    width:100%;
    max-width:520px;

}

.hero h1{

    margin:25px 0;

}

.hero p{

    max-width:600px;

    font-size:1.1rem;

}

@media(max-width:992px){

.hero{

padding:100px 0;

min-height:auto;

}

.hero-grid{

grid-template-columns:1fr;

text-align:center;

gap:50px;

}

.hero p{

margin:auto;

}

.hero-buttons{

justify-content:center;

}

}