.section-hero {
    padding-block: 70px;
}
.section-hero:before {
    content: "";
    height: 100%;
    width: 66%;
    background: var(--color1);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 100px 0 0 100px;
}
.section-hero img {
    border-radius: 0 90px 90px 0;
}
.section-hero .s-title {
    font-size: clamp(50px, 7vw, 80px);
    color: var(--gray1);
    font-family: var(--main);
    font-weight: normal;
}
.section-hero .subtitle {
    font-size: clamp(20px, 3vw, 36px);
    color: var(--gray1);
    font-family: var(--bold);
}
.section-hero .btns {
    min-width: 150px;
}
@media only screen and (max-width: 768px) {
    .section-hero:before {
        height: 66%;
        width: 100%;
        border-radius: 0 0 50px 50px;
    }
    .section-hero img {
        border-radius: 0 0 40px 40px;
    }
}