@import "../../styles/colors";
.hero-section{
    .hero-title{
        font-weight: 700;
        font-size: 3.5rem;
        h1,h2,h3{
            font-weight: inherit;
            font-size: inherit;
            margin-bottom: 1.5rem;
            color: $blue-primary;
        }
    }
    .hero-description{
        margin-bottom: 1.5rem;
    }
    .hero-info-wrapper{
        margin-top: 3rem;
        margin-left: 1rem;
        .paragraph--type--hero-info{
            height: 100%;
            .title-wrapper{
                font-weight: 600;
                font-size: 1.2rem;

            }
        }
    }
    .hero-image-wrapper {
        padding: 0 4.5rem;
        position: relative;
        &::after {
            content: "";
            position: absolute;
            top: 40px;
            left: calc(4.5rem + 25px);
            width: calc(100% - 4.5rem * 2);
            height: 100%;
            background-color: $blue-primary;
            z-index: -1;
            border-top-left-radius: 80px;
            border-bottom-right-radius: 80px;
          }
        div {
          height: 100%;
          width: 100%;
        }

         img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: right;
          border-top-left-radius: 80px;
          border-bottom-right-radius: 80px;
          position: relative;

        }
      }

}