body.widget-snippet  {
    padding: 40px;
}
.primary-content-box {
    background: #f9f9f9 none repeat scroll 0 0;
    border-bottom: 3px solid #e9e9e9;
}
.primary-con a:hover {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
}
.primary-content-box .text {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.primary-con h3 {
    color: #000000;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 20px;
}
.primary-con p {
    color: #a1a1a1;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    line-height: 1.8;
    margin: 14px 0;
}
.primary-con a {
    background: #399ac8 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    line-height: 1.6;
    margin: 5px 0 30px;
    padding: 5px 20px;
}
.primary-content-box .primary-img {
    text-align: center;
}
.widget-snippet .primary-img img {
    width: 100%;
    aspect-ratio: 360 / 170;
    object-fit: cover;
}
.primary-con .col-sm-4.primary-col-4:nth-child(3n+1) {
    clear: left;
}
.primary-con .col-sm-4.primary-col-4 {
    padding: 15px;
}

/*  responsive */
@media screen and (max-width: 1200px) {
    .primary-wi {
        margin-bottom: 0;
        margin-top: 50px;
    }
}
@media screen and (max-width: 767px) {
    .primary-wi {
        margin-bottom: 0;
        margin-top: 3px;
    }
    .primary-con h3 {
        font-size: 19px;
    }
    .primary-con p {
        margin: 10px 0;
    }
}