.block_icons_gradient {    
    background: #2EB8E5;
    background: -moz-linear-gradient(90deg, #2EB8E5 0%, #706290 100%);
    background: -webkit-linear-gradient(90deg, #2EB8E5 0%,#706290 100%);
    background: linear-gradient(90deg, #2EB8E5 0%,#706290 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2EB8E5', endColorstr='#706290',GradientType=1 );
}

.block_icons_purple {
    background-color: #706290
}

.block_icons_soft_green {
    background-color: #F9FEFF;
    color: #728287 !important;
}

.block_icons_soft_green h2, .block_icons_soft_green h4 {
    color: #728287 !important;
}

.block_icons_green {
    background-color: #8CBBC9
}

.block_icons_blue {
    background-color: #3AB9DC
}

.block_icons_white {
    background-color: #FFFFFF;
    color: #728287 !important;
}

.block_icons_white h2, .block_icons_white h4 {
    color: #728287 !important;
}

.icons-grid {
    display: table;
    width: 100%;
}

.icons-grid-icon {
    display: table-cell;
    width: 200px;
    vertical-align: top;
    padding: 0 10px;
}

.icons-grid-icon>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}

.icons-grid-icon {
    text-align: center;
}

.table-row {
    display: table-row;
}

/* CTA backgrounds */

.icons-with-text .btn-purple {
    background-color: #706290;
    color: #FFFFFF;
}
.icons-with-text .btn-blue {
    background-color: #3AB9DC;
    color: #FFFFFF;
}

.icons-with-text .btn-white,.icons-with-text  .btn-white:hover,.icons-with-text  .btn-white:focus,.icons-with-text  .btn-white:active {
    background-color: #ffffff !important;
    color: #3AB9DC !important;
}

.icons-with-text .action-box {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 30px;
    align-items: center;
    justify-content: center;
}

.icons-with-text .action-box button {
    /*margin: 15px;*/
    padding: 14px 38px
}

/* Font color */

.icons-with-text .text-color-gradient {
    background: -webkit-linear-gradient(#2EB8E5, #706290);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.icons-with-text .text-color-gradient2 {
    background: -webkit-linear-gradient(#706290, #3AB9DC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.icons-with-text .text-color-purple {
    color: #706290;
}
.icons-with-text .text-color-blue {
    color: #3AB9DC;
}
.icons-with-text .text-color-white {
    color: #FFFFFF;
}
.icons-with-text .text-color-grey {
    color: #728287;
}
.icons-with-text .dis-none {
    display: none;
}

.icons-with-text .icons-grid-icon img {
    max-width: 100%;
    height: auto;
    width: auto
}

@media (max-width: 480px) {

    .icons-with-text .action-box {
        grid-auto-flow: row;
    }
}

@media only screen
and (min-width : 0px)
and (max-width : 1000px) {

    .icons-grid {
        display: block;
    }
    
    .icons-grid-icon {
        display: block;
        width: 100%;
        vertical-align: top;
        padding: 20px;
        /*max-width: 200px;*/
    }
}

@media only screen and (min-width: 1200px){
    .icons-with-text {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .icons-with-text {
        padding: 0 15px !important;
    }
}