.hero {
    padding: 100px 0 315px;
    margin-bottom: -165px;
}

.dismissable-active .hero{
    padding-top: 150px;
}

.hero__short-desc {
    margin: var(--spacing-03) 0 var(--spacing-01);
}

.hero .carousel-dash {
    bottom: -25px;
    width: 100%;
    justify-content: center;
}

.hero .carousel-dash .slick-active button {
    background: var(--black);
}

.hero__has-decorative-elm:before {
    height: 660px;
    width: 376px;
    background: url(../../../images/decorative-items/peach-Background-mobile.png) no-repeat right center /contain;
    right: -60px;
    z-index: -1;
    top: auto;
    bottom: -60px
}

.carousel__slides:not(:first-child) {
    display: none;
}

.hero .cta-btn {
    margin-left: 1px;
}
.carousel__slides-wrapper{
    width: 100%;
}

.hero__content{
    padding-right: 90px;
}

.hero__has-decorative-elm .container:after {
    position: absolute;
    content: '';
}