.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: -6rem;
    background-color: black;
    transform: skewY(5deg);
    z-index:-1;
    opacity: 0.2;
}
.content_1::after {
    content: "";
    width: 100%;
    height: 10rem;
    position: absolute;
    bottom: -9rem;
    background-color: #c4c4c4;
    transform: skewY(4deg);
    z-index: -1;
}
.last-sect::after {
    content: "";
    width: 100%;
    height: 10rem;
    position: absolute;
    bottom: -9rem;
    background-color: #4d8ba6;
    transform: skewY(10deg);
}
.careers_1 {
    position: relative;
}
.careers_1::before {
    content: "";
    width: 100%;
    height: 10rem;
    position:absolute;
    top: -6rem;
    background-color: black;
    transform: skewY(5deg);
    z-index:-1;
    opacity: 0.2;
}
.we-believe::before {
    content: "";
    width: 100%;
    height: 10rem;
    position:absolute;
    top: 5rem;
    background-color: black;
    transform: skewY(5deg);
    z-index:-1;
    opacity: 0.2;
}
.we-believe::after {
    content: "";
    width: 100%;
    height: 10rem;
    position:absolute;
    bottom: 76px;
    background-color: #5e7d95;
    z-index:-1;
}
.benefits::before {
    content: "";
    width: 100%;
    height: 20rem;
    position:absolute;
    top: 0;
    background-color: #2c2c2c;
    z-index: -1;
}
.dotted-list li {
    position: relative;
  }
.dotted-list {
    padding-left: 25px;
}
.dotted-list li::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
}
@media (max-width: 1024px) {
    .we-believe .background {
        clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0% 100%);
    }
    .benefits .background {
        clip-path: polygon(0 0, 100% 0%, 100% 95%, 0% 100%);
    }
}
@media (min-width: 1024px) {
    .we-believe .background {
        clip-path: polygon(100% 0, 100% 100%, 35% 90%, 0 78%, 0 14%);
    }
    .benefits .background {
        clip-path: polygon(35% 0, 100% 12%, 100% 92%, 0 100%, 0 0);
    }
}
.list1 li {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 100;
}
.last-after {
    background-color: #4d8ba6;
    height: 20%;
    width: 60%;
    bottom: 0;
    position: absolute;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}