.education-banner {
    background: #00cdcd;
    position: relative;
    padding: 200px 0 300px;
    overflow: hidden
}

.education-banner:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 0;
    border-right: 100vw solid #fff;
    border-top: 200px solid transparent;
    width: 0;
    z-index: 0
}

.web-development-banner {
    background: linear-gradient(#69e0be, #44c8ca)
}

.web-development-banner::after {
    display: none
}

.education-app-category {
    margin-top: -300px;
    text-align: center;
    padding-bottom: 80px
}

@media only screen and (max-width:1199.98px) {
    .education-banner {
        padding: 150px 0 300px
    }
}

@media only screen and (max-width:767.98px) {
    .education-banner {
        padding: 100px 0 300px
    }
}