.column-content-with-icon-section {
    padding-top: 96px;
    padding-bottom: 96px;
}

.column-content-with-icon {
    display: flex;
    flex-wrap: wrap;
    column-gap: 80px;
    row-gap: 64px;
}
.column-content-with-icon.top_icon .column-content-with-icon__item{
    flex-direction: column;
    display: flex;
    flex: 1;
    gap: 24px;
    flex-wrap: wrap;
    flex-basis: 28%;
}
.column-content-with-icon.left_icon .column-content-with-icon__item {
    flex-direction: row;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 24px;
}

.column-content-with-icon .column-content-with-icon__item  h5 {
    color:  #0D0F33;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 130% */

}
.column-content-with-icon .column-content-with-icon__item p {
    color: #595959;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 160% */
    letter-spacing: 0.16px;


}
.column-content-with-icon .column-content-with-icon__item ul {
    list-style: none;
    padding: 0px;
}
.column-content-with-icon .column-content-with-icon__item ul li {
    display: flex;
    flex-direction: column;
}
.column-content-with-icon .column-content-with-icon__item ul li a {
    color: #0D0F33;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30.4px; /* 190% */
    text-transform: uppercase;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
}
.column-content-with-icon .column-content-with-icon__item ul li a::after {
    content: '\e917';
    font-family: 'icomoon'!important;
    font-size: 12px;

}
.column-content-with-icon .column-content-with-icon__item ul li:hover:after {
    width: 100px;
    transition: .21s;
}
.column-content-with-icon .column-content-with-icon__item ul li:hover a {
    color: #FE5800;
    transition: .21s;

}
.column-content-with-icon .column-content-with-icon__item ul li:after {
    content: '';
    width: 65.021px;
    height: 2px;
    background: var(--colors-orange, #FE5800);
}
.column-content-with-icon.left_icon .column-content-with-icon__item .content{
    flex: 1;
}
.column-content-with-icon-section h3 {
    margin-bottom: 64px;
    color: #0D0F33;

    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 50.4px */

}
@media screen and (max-width: 991px) {
    .column-content-with-icon .column-content-with-icon__item {
        flex-basis : 45%!important;
        width : 45%;
    }
}



/*** Default Template ***/
.column-content-with-icon.default .column-content-with-icon__item .icon img {
    width: 32px;
}


/*** Template 1  ***/

section.column-content-with-icon-section.template1 {
    background-color: #D9EDF7;
    background-image: url('https://www.nutshell.com/wp-content/themes/nutshell/assets/img/blocks/general/column-content-with-icon/top_cloud.svg'),
                    url('https://www.nutshell.com/wp-content/themes/nutshell/assets/img/blocks/general/column-content-with-icon/bottom_cloud.svg');
    background-repeat: no-repeat;
    background-position: top 50px right,bottom 50px left;
    background-size: auto;
}

.column-content-with-icon-section.template1 .column-content-with-icon.top_icon {
    justify-content: center;
    width: 100%;
}
.column-content-with-icon-section.template1 .column-content-with-icon__item {
    max-width: 300px;
}
.column-content-with-icon__item .icon {
    display: flex;
    justify-content: flex-start;
}
@media screen and (max-width: 991px) {
    section.column-content-with-icon-section.template1 {
        background-size: 150px auto;
        background-position: top  right,bottom  left;

    }
}

.column-content-with-icon.minimized .column-content-with-icon__item:nth-child(n+10) {
    display: none;
}
.column-content-with-icon-section .maximize-features {
    display: flex;
    justify-content: center;
    margin-top: 64px;

}
