.c-point-box{
    padding: 34px 32px 24px;
    border: 1px solid #000;
    border-radius: 10px;
    background-color: #FFFFFF;
    position: relative;
    margin-bottom: 40px;
}
.c-point-box h3{
    position: absolute;
    color: #FFF;
    top: -18px;
    left: 32px;
    border-radius: 30px;
    padding: 4px 30px;
}

.u-cl-point1{
    color: #009ee8!important;
}
.u-cl-point2{
    color: #4b9d46!important;
}
.u-cl-point3{
    color: #935698!important;
}

.u-bgc-point1{
    background-color: #009ee8!important;
}
.u-bgc-point2{
    background-color: #4b9d46!important;
}
.u-bgc-point3{
    background-color: #935698!important;
}

@media screen and (max-width: 767px) {
.c-point-box{
    padding: 24px 16px 16px;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #FFFFFF;
    position: relative;
    margin-bottom: 30px;
}
.c-point-box h3{
    position: absolute;
    font-size: 15px;
    color: #FFF;
    top: -14px;
    left: 16px;
    border-radius: 30px;
    padding: 3px 24px;
}

}

@media screen and (min-width: 768px) {
}