.programBox {
    padding: 10px;
    background-color: #fff;
    box-shadow: 2px 2px #31515bdb;
    border-radius: 4%;
}
    .programBox .service-icon {
        color: #fff;
        text-align: center;
        position: relative;
    }   

        .programBox .service-icon:after {
            transform: rotate(36deg);
            clip-path: polygon(100% 10%, 100% 100%, 11% 100%);
        }

    .programBox .service-content {
        padding: 70px 15px 15px;
        margin: -55px 0 0;
        border-radius: 20px;
    }

    .programBox .title {
        color: #1d434e;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 5px;
    }

    .programBox .description {
        color: #666;
        font-size: 15px;
        line-height: 22px;
        margin: 0;
    }

    .programBox.red .service-icon {
        background-color: #DD0B10;
    }

        .programBox.red .service-icon:before,
        .programBox.red .service-icon:after,
        .programBox.red .service-content {
            border-color: #DD0B10;
        }

    .programBox.red .title {
        color: #DD0B10;
    }

    .programBox.purple .service-icon {
        background-color: #ce3998;
    }

        .programBox.purple .service-icon:before,
        .programBox.purple .service-icon:after,
        .programBox.purple .service-content {
            border-color: #ce3998;
        }

    .programBox.purple .title {
        color: #ce3998;
    }

    .programBox.orange .service-icon {
        background-color: #f96125;
    }

        .programBox.orange .service-icon:before,
        .programBox.orange .service-icon:after,
        .programBox.orange .service-content {
            border-color: #f96125;
        }

    .programBox.orange .title {
        color: #f96125;
    }

@media only screen and (max-width:990px) {
     .programBox {
        margin: 0 0 30px;
    }
}