.icon-circle {
    height: 140px;
    width: 140px;
    background-color: #EEF3E5;
    border-radius: 50%;
    border: 10px solid #fff;
    box-shadow: 0px 5px 15px rgba(0, 141, 204, 0.2);
    margin: 0 auto 30px auto;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .icon-circle img {
        max-height: 56px; }

.icon-box-three {
    padding: 45px 30px 30px 30px;
    box-shadow: 0px 5px 30px rgba(0, 141, 204, 0.2);
    border-radius: 15px; }
    @media (min-width: 768px) {
        .icon-box-three {
            height: 100%; } }
    .icon-box-three-grid {
        display: grid;
        margin-top: 22px;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        align-items: stretch;
        margin-bottom: 15px; }
        .icon-box-three-grid .DnnModule-DNN_HTML {
            grid-column: span 12; }
            @media (min-width: 992px) {
                .icon-box-three-grid .DnnModule-DNN_HTML {
                    grid-column: span 4; } }
        .icon-box-three-grid .DnnModule-DNN_HTML:first-child, .icon-box-three-grid .DnnModule-DNN_HTML:nth-of-type(2) {
            grid-column: span 12; }
        .icon-box-three-grid .animated-links {
            grid-column: span 12;
            grid-template-columns: repeat(12, 1fr); }
        @media (min-width: 576px) {
            .icon-box-three-grid {
                margin-top: 45px; } }
        @media (min-width: 992px) {
            .icon-box-three-grid {
                grid-template-columns: repeat(12, 1fr); } }