.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;
    
}
.info_section {
    position: relative;
}
.info_section::before {
    content: "";
    width: 100%;
    height: 10rem;
    position:absolute;
    top: -7rem;
    background-color: black;
    transform: skewY(6deg);
    z-index:-1;
    opacity: 0.2;
}
.methodology_section {
    position: relative;
}
.methodology_section::before {
    content: "";
    width: 100%;
    height: 10rem;
    position: absolute;
    top: 4.75rem;
    background-color: #454545;
    transform: skewY(6deg);
    z-index: -1;
    opacity: 0.8;
}
@media (max-width: 768px) {
    .methodology_section::after {
        content: "";
        width: 100%;
        height: 10rem;
        position: absolute;
        bottom: 1.9rem;
        background-color: #718fa6;
        z-index: -1;
    }
    .methodology_section .background {
        background-image: url('/assets/images/methodology-bg.jpeg'); 
        clip-path: polygon(100% 0, 100% 100%, 33% 96%, 0 90%, 0 18%);
    }
    .architecture_section .background {
        background-image: url('/assets/images/architecture-bg.jpg');
        clip-path: polygon(32.7% 0, 100% 16%, 100% 90%, 0 100%, 0 0);
    }
}
@media (min-width: 768px) {
    .methodology_section::after {
        content: "";
        width: 100%;
        height: 10rem;
        position: absolute;
        bottom:3.25rem;
        background-color: #5e7d95;
        z-index: -1;
    }
    .methodology_section .background {
        background-image: url('/assets/images/methodology-bg.jpeg'); 
        clip-path: polygon(100% 0, 100% 100%, 40% 92%, 0 80%, 0 18%);
    }
    .architecture_section .background {
        background-image: url('/assets/images/architecture-bg.jpg');
        clip-path: polygon(40% 0, 100% 18%, 100% 85%, 0 100%, 0 0);
    }
}
.architecture_section::before {
    content: "";
    width: 100%;
    height: 10rem;
    position: absolute;
    top: 0;
    background-color: #454545;
    z-index: -1;
}
.team_section .background {
    background-image: url('/assets/images/team-bg.jpg');
    clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);
}
.team_section {
    z-index: -1;
}
.team_section::after {
    content: "";
    width: 100%;
    height: 11rem;
    position: absolute;
    bottom: -8.4rem;
    background-color: #5e7d95;
    z-index: 0;
    transform: skewY(10deg);
}
.services_custom_grid {
    z-index: 1;
}