h2 b {
    background-color: #181718; color : #FBFBF2;
    padding: .5% 3%; border-radius: 2dvh;
}
h2 {
    font-size: 2.8rem;
}

.softCTA{
    width: 100%;
    padding: 5% 10%;
    background-color: #FBFBF2; color : #413f3f;

    display: flex; justify-content: space-evenly; align-items: center;
}

.softCTA a{
    padding: 3.5%;
    margin-top: 5%;
    border-radius: 3dvh;

    color: #FBFBF2; font-weight: bold;
}

.softCTA > div{
    padding: 5%;
    font-size: 1.2rem;

    display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
}

.softCTA > img{
    width: 40%;
    margin: 5%;
    border-radius: 5dvh;
}

.softCTA:last-of-type {
    flex-direction: row-reverse;
}


.keyNumbers {
    width: 100%;
    background-color: #f6f6ec;
    padding: 5%;

    display: flex; justify-content: space-evenly; align-items: center;
}
.keyNumbers > div {
    display: flex; width: 100%;
    border-radius: 5dvh; border: 1px solid #FBFBF2; padding: 3%;
    background: linear-gradient(314deg,#42a2fcd5 0%, #0084ffce 48%, #87b6fcb2 100%); border: 1px solid rgb(131, 199, 255);
    backdrop-filter: blur(8px) brightness(0.8); box-shadow: 0 .7dvh 1dvh #317e8a1a;
    overflow: hidden;

    box-shadow: 0 0 5dvh #18171849;
}

.keyNumbers > div > div{
    padding: 1%; width: 100%;
    font-size: 1.2rem; text-align: center; color: #FBFBF2;

    display: flex; flex-direction: column; justify-content: center; align-items: center;
}

.keyNumbers p {
    width: 100%;
}

.keyNumbers h2 {
    text-align: center; margin-right: 5%
}

.keyNumbers > div > div > p:first-of-type {
    font-size: 6rem; font-weight: bold;
    margin: 0;
}

@media screen and (max-width : 500px) {
    .softCTA {
        flex-direction: column;
        justify-content: center;
        padding: 5%;
    }
    .softCTA > div {
        align-items: center;
    }
    .softCTA a {
        text-align: center; padding: 5%;
    }
    .softCTA:last-of-type {
        flex-direction: column;
    }
    .softCTA > img {
        width: 100%;
    }
    .keyNumbers,.keyNumbers > div  {
        flex-direction: column;
    }
    .keyNumbers > div > div {
        padding: 5%;
    }
}