.hero{

    position:relative;

    height:980px;

    overflow:hidden;

}

.hero-bg{

    position:absolute;

    inset:0;

    z-index:0;

}

.hero-bg img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.hero .container{

    position:relative;

    z-index:5;

}

.hero-grid{

    display:grid;

    grid-template-columns:46% 54%;

    align-items:center;

    height:860px;

}

.hero-text{

    padding-left:35px;

    margin-top:-70px;

}

.hero-badge{

    display:inline-block;

    background:#edf4ea;

    color:#8d9c88;

    padding:14px 30px;

    border-radius:40px;

    margin-bottom:30px;

    font-size:28px;

    font-weight:800;

    line-height:1.3;

}

.hero-text h1{

    font-size:78px;

    line-height:1.15;

    font-weight:900;

    margin-bottom:28px;

}

.hero-text h1 span{

    color:#69845e;

}

.hero-text p{

    max-width:520px;

    font-size:22px;

    line-height:2;

    margin-top:20px;

}

.hero-buttons{

    margin-top:45px;

    gap:18px;

}

.btn-green{

    background:#647d5d;

    color:#fff;

    padding:18px 38px;

    border-radius:45px;

    text-decoration:none;

}

.btn-white{

    background:#fff;

    color:#333;

    padding:18px 38px;

    border-radius:45px;

    text-decoration:none;

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

}

.hero-photo{

    position:relative;

    height:860px;

}

.circle{

    width:600px;

    height:600px;

    top:40px;

    left:54%;

}

.hero-photo img{

    position:absolute;

    width:530px;

    left:53%;

    bottom:0;

    transform:translateX(-50%);

    z-index:10;

}
.hero-logo{

    position:absolute;

    left:50%;

    bottom:35px;

    transform:translateX(-50%);

    z-index:20;

}

.hero-logo img{

    width:440px;

    display:block;

}
.hero::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    height:240px;

    background:white;

    border-top-left-radius:55% 100%;

    border-top-right-radius:55% 100%;

    z-index:8;

}