﻿.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 {
    position: relative;
    padding: 45px 30px 30px 30px;
    box-shadow: 0px 5px 30px rgba(0, 141, 204, 0.2);
    border-radius: 15px;
    background-color: #fff;
    overflow: hidden; }
    @media (min-width: 768px) {
        .icon-box {
            height: 100%; } }
    .icon-box-grid {
        display: grid;
        margin-top: 50px;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        align-items: stretch;
        z-index: 2; }
        body:not(.dnnEditState) .icon-box-grid {
            position: relative;
            top: -350px; }
        @media (min-width: 992px) {
            .icon-box-grid {
                margin-top: 225px; } }
        .icon-box-grid .DnnModule-DNN_HTML {
            grid-column: span 12; }
            .icon-box-grid .DnnModule-DNN_HTML:nth-of-child(2) {
                grid-column: span 12; }
            @media (min-width: 768px) {
                .icon-box-grid .DnnModule-DNN_HTML {
                    grid-column: span 6; } }
            @media (min-width: 992px) {
                .icon-box-grid .DnnModule-DNN_HTML {
                    grid-column: span 3; } }
        .icon-box-grid .DnnModule-DNN_HTML:first-child,
        .icon-box-grid .animated-links {
            grid-column: span 12;
            grid-template-columns: repeat(12, 1fr); }
        .icon-box-grid .helpful-links {
            grid-column: span 12;
            margin-top: 50px; }
            @media (min-width: 992px) {
                .icon-box-grid .helpful-links {
                    margin-top: 100px; } }
            .icon-box-grid .helpful-links .animated-links .DnnModeul-DNN_HTML:first-child {
                grid-column: span 3 !important; }
        .icon-box-grid .DnnModule-DNN_HTML:nth-child(6) {
            grid-column: span 6; }
        .icon-box-grid .animated-links .DnnModule-DNN_HTML {
            grid-column: span 12; }
            @media (min-width: 768px) {
                .icon-box-grid .animated-links .DnnModule-DNN_HTML {
                    grid-column: span 6; } }
            @media (min-width: 992px) {
                .icon-box-grid .animated-links .DnnModule-DNN_HTML {
                    grid-column: span 3; } }
        @media (min-width: 576px) {
            .icon-box-grid {
                margin-top: 45px; } }
        @media (min-width: 992px) {
            .icon-box-grid {
                grid-template-columns: repeat(12, 1fr); } }
    .icon-box .Normal {
        padding-bottom: 60px; }
        .icon-box .Normal p:last-child {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 15px;
            top: auto; }

.solo-icon-box-grid {
    display: grid;
    margin-top: 50px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-row-gap: 30px;
    align-items: stretch;
    position: relative;
    z-index: 2; }
    @media (min-width: 576px) {
        .solo-icon-box-grid {
            grid-column-gap: 30px; } }
    .solo-icon-box-grid .DnnModule-DNN_HTML {
        grid-column: span 12; }
        @media (min-width: 768px) {
            .solo-icon-box-grid .DnnModule-DNN_HTML {
                grid-column: span 6; } }
        @media (min-width: 992px) {
            .solo-icon-box-grid .DnnModule-DNN_HTML {
                grid-column: span 3; } }
    .solo-icon-box-grid .DnnModule-DNN_HTML:first-child,
    .solo-icon-box-grid .animated-links {
        grid-column: span 12;
        grid-template-columns: repeat(12, 1fr); }

.benefits-section.icon-box-grid {
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 15px; }
    .benefits-section.icon-box-grid .DnnModule-DNN_HTML {
        grid-column: span 12; }
    @media (min-width: 992px) {
        .benefits-section.icon-box-grid {
            margin-bottom: 45px; }
            .benefits-section.icon-box-grid .DnnModule-DNN_HTML:nth-child(2),
            .benefits-section.icon-box-grid .DnnModule-DNN_HTML:nth-child(3),
            .benefits-section.icon-box-grid .DnnModule-DNN_HTML:nth-child(4) {
                grid-column: span 4; } }

.icon-box-background-blue {
    background-color: #E5EEF2;
    position: relative; }
    body:not(.dnnEditState) .icon-box-background-blue {
        position: relative;
        top: 350px;
        margin-bottom: 350px;
        height: 2300px; }
    @media (min-width: 768px) {
        body:not(.dnnEditState) .icon-box-background-blue {
            height: 1550px;
            margin-bottom: 350px; } }
    @media (min-width: 992px) {
        body:not(.dnnEditState) .icon-box-background-blue {
            height: 850px;
            margin-bottom: 400px; } }
    .icon-box-background-blue .img-background {
        visibility: hidden;
        position: absolute;
        display: inherit;
        top: 20px;
        height: 800px;
        left: -10%;
        z-index: 1; }
        @media (min-width: 992px) {
            .icon-box-background-blue .img-background {
                visibility: visible; } }
