.hero {
    padding: 100px 0 48px;
}

.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: 720px;
    width: 460px;
    background: url(../../../images/decorative-items/peach-Background-mobile.png) no-repeat right center /contain;
    right: 0;
    z-index: -1;
    top: auto;
    bottom: -128px;
}

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

.hero .cta-btn {
    margin-left: 1px;
}