@media (max-width:500px){.text-and-image:first-of-type .first-image-container{align-items:baseline;margin-bottom:15px;padding-bottom:0}.text-and-image:first-of-type .first-image-container .image_container_1{flex:1 0 67%;transform:translateX(5%)}.text-and-image:first-of-type .first-image-container .image_container_2{flex:1 0 55%;transform:translateX(-54%)}}.why-sprinly{position:relative;z-index:0}.why-sprinly .sprinly-background{height:443px;left:0;position:absolute;top:0;width:100%;z-index:1}.why-sprinly--inner{padding-top:50px;position:relative;text-align:center;z-index:2}.why-sprinly h2{margin-bottom:22px}.why-sprinly .inner-subheading{font-size:19px;font-weight:600;margin-bottom:30px}@media (max-width:500px){.why-sprinly .inner-subheading{font-weight:400;line-height:1.25}}.why-sprinly .features{background-color:var(--colorWhite);box-shadow:0 2px 21px 0 rgba(0,0,0,.14);padding:48px 58px 50px 50px}@media (max-width:1200px){.why-sprinly .features{padding:48px 28px 50px 20px}}@media (max-width:500px){.why-sprinly .features{padding-top:42px}}.why-sprinly .features--inner{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around}.why-sprinly .feature{padding:0 5px}.why-sprinly .feature h3{font-size:20px;line-height:1.17;margin:20px auto}@media (max-width:500px){.why-sprinly .feature h3{margin:0 auto 10px}}.why-sprinly .feature p{font-size:16px;line-height:1.5;margin:0 auto}@media (max-width:1200px){.why-sprinly .feature{padding-bottom:30px;width:50%}.why-sprinly .feature .btn{width:60%}}@media (max-width:800px){.why-sprinly .feature{display:flex;padding-bottom:30px;width:100%}.why-sprinly .feature h3,.why-sprinly .feature p{margin-left:15px;text-align:left}}.why-sprinly .features--action{display:flex;justify-content:center;margin-top:20px}@media (max-width:1200px){.why-sprinly .btn{width:60%}}@media (max-width:500px){.why-sprinly .btn{display:block;width:100%}}.text-with-image__subtext-mobile{margin-top:0!important}

/*
@media (max-width: 500px) {
    .text-and-image:first-of-type .first-image-container {
        align-items: baseline;
        margin-bottom: 15px;
        padding-bottom: 0;
    }
    .text-and-image:first-of-type .first-image-container .image_container_1 {
        flex: 1 0 67%;
        transform: translateX(5%);
    }
    .text-and-image:first-of-type .first-image-container .image_container_2 {
        flex: 1 0 55%;
        transform: translateX(-54%);
    }
}
.why-sprinly {
    position: relative;
    z-index: 0;
}
.why-sprinly .sprinly-background {
    height: 443px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.why-sprinly--inner {
    padding-top: 50px;
    position: relative;
    text-align: center;
    z-index: 2;
}
.why-sprinly h2 {
    margin-bottom: 22px;
}
.why-sprinly .inner-subheading {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 30px;
}
@media (max-width: 500px) {
    .why-sprinly .inner-subheading {
        font-weight: 400;
        line-height: 1.25;
    }
}
.why-sprinly .features {
    background-color: var(--colorWhite);
    box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.14);
    padding: 48px 58px 50px 50px;
}
@media (max-width: 1200px) {
    .why-sprinly .features {
        padding: 48px 28px 50px 20px;
    }
}
@media (max-width: 500px) {
    .why-sprinly .features {
        padding-top: 42px;
    }
}
.why-sprinly .features--inner {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.why-sprinly .feature {
    padding: 0 5px;
}
.why-sprinly .feature h3 {
    font-size: 20px;
    line-height: 1.17;
    margin: 20px auto;
}
@media (max-width: 500px) {
    .why-sprinly .feature h3 {
        margin: 0 auto 10px;
    }
}
.why-sprinly .feature p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto;
}
@media (max-width: 1200px) {
    .why-sprinly .feature {
        padding-bottom: 30px;
        width: 50%;
    }
    .why-sprinly .feature .btn {
        width: 60%;
    }
}
@media (max-width: 800px) {
    .why-sprinly .feature {
        display: flex;
        padding-bottom: 30px;
        width: 100%;
    }
    .why-sprinly .feature h3,
    .why-sprinly .feature p {
        margin-left: 15px;
        text-align: left;
    }
}
.why-sprinly .features--action {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
@media (max-width: 1200px) {
    .why-sprinly .btn {
        width: 60%;
    }
}
@media (max-width: 500px) {
    .why-sprinly .btn {
        display: block;
        width: 100%;
    }
}
.text-with-image__subtext-mobile {
    margin-top: 0 !important;
}

*/