.hero_section {
    position: relative;
}
.hero_section::after {
    content: "";
    width: 100%;
    height: 17rem;
    position: absolute;
    bottom: 0;
    background-color: #5e7d95;
    transform: skewY(20deg);
    z-index: -1;
    
}
.content_1 {
    position: relative;
}
.content_1::before {
    content: "";
    width: 100%;
    height: 10rem;
    position:absolute;
    top: -7rem;
    background-color: black;
    transform: skewY(6deg);
    z-index:-1;
    opacity: 0.2;
}
@media (max-width: 640px) {
    .preparation-img {
        width: 4rem;
    }
}
.case-study::after {
    content: " ";
    width: 100%;
    height: 10rem;
    position: absolute;
    bottom: -10rem;
    background-color: #707070;
    transform: skewY(9deg);
}
.custom-a {
    letter-spacing: normal;
    text-decoration: underline;
}
.custom-a:hover {
    text-decoration: none;
    color: #5e7d95;
    transition: all 0.3s ease;
}