/* Main woodland wellbeing page */
.inner-page .image {
    background: url("../img/inner-pages/woodland-wellbeing/tree.webp") center center no-repeat;
    background-size: cover;
}
.inner-page .intro-text {
    position: relative;
    background: url("/assets/img/inner-pages/woodland-wellbeing/well-being-tree-background.webp") left top no-repeat;
    background-size: contain;
    text-align: justify;
}

.image-acorns {
    background: url("/assets/img/inner-pages/woodland-wellbeing/acorns-illustration.webp") 23% center no-repeat;
    background-size: cover;
}
.image-ivy {
    background: url("/assets/img/inner-pages/woodland-wellbeing/ivy-illustration.webp") left center no-repeat;
    background-size: cover;
}
.image-nurture {
    background: url("/assets/img/inner-pages/woodland-wellbeing/tree-nurture.webp") left center no-repeat;
    background-size: cover;
    min-height: 200px;
}
.concept-text {
    text-align: justify;
}

.swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.swiper-button:after {
    color: #ffb727;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px;
}

@media only screen and (max-width: 600px) {
    .inner-page .intro-text {
        background: none;
    }
    .image-acorns {
        min-height: 400px;
    }
    .image-ivy {
        min-height: 400px;
    }
}