.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;
}
.split-angle-section .background {
    background-image: url('/assets/images/split-angle-bg.png'); 
    clip-path: polygon(35% 0, 100% 15%, 100% 100%, 0 90%, 0 0);
}
.split-angle-section .top_1 {
    position: absolute;
    width: 35.8%;
    height: 5.6rem;
    background-color: #5e7d95;
    top: -5.5rem;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.split-angle-section .top_2 {
    position: absolute;
    width: 65%;
    height: 10.8rem;
    background-color: rgb(52, 52, 52);
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.dashed_list li {
    position: relative;
    margin-bottom: 2px;
}
.dashed_list li::before {
    content: "";
    position: absolute;
    left: -15px; 
    top: 50%; 
    transform: translateY(-50%);
    width: 10px;
    height: 2px;
    background-color: white;
}
.dababy {
    z-index: 1;
}
.case-study::after {
    content: " ";
    width: 100%;
    height: 10rem;
    position: absolute;
    bottom: -10rem;
    background-color: #707070;
    transform: skewY(9deg);
}
@media (max-width: 768px) {
    .casestudy_clippath {
        clip-path: polygon(0 0, 100% 14.8%, 100% 100%, 0% 100%);
    }
}
@media (min-width: 768px) {
    .casestudy_clippath {
        clip-path: polygon(0 0, 100% 17.5%, 100% 100%, 0% 100%);
    }
}