/* Icon Box Circle */

.s_icon_box_circle_box {
    float: left;

    .fa {
        color: o-color('alpha') !important;
        font-size: 28px;
    }
}

.s_icon_box_circle_icon {
    width:60px;
    height:60px;
    margin-right: 15px;
    text-align:center!important;
    color:#fff;
    padding: 20px 0;
    transition: all 0.3s ease-in-out;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 2px solid o-color('alpha');
    border-radius: 50px;
}

.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
    transform: scale(1.1,1.1);
    transition: all 0.3s ease-in-out;
    border-color: o-color('gamma');
    .fa {
        color: o-color('gamma') !important;
    }
}

/* Icon Box Square */

.s_icon_box_square_box {
    float: left;

    .fa {
        color: o-color('alpha') !important;
    }
}

.s_icon_box_square_icon {
    width:60px;
    height:55px;
    margin-right: 15px;
    text-align:center!important;
    color:#fff;
    padding: 18px 0;
    transition: all 0.3s ease-in-out;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 2px solid o-color('alpha');
}

.s_icon_box_square_box:hover .s_icon_box_square_icon {
    transform: scale(1.1,1.1);
    transition: all 0.3s ease-in-out;
    border-color: o-color('gamma');
    .fa {
        color: o-color('gamma') !important;
    }
}

/* s_icon_box */

.bg-beta .s_icon_box_box:hover .s_icon_box_icon .fa  {
    transition: all 0.3s ease-in-out;
    color: o-color('delta') !important;
}

.bg-beta .s_icon_box_box:hover .s_icon_box_content h4 {
    transition: all 0.3s ease-in-out;
    color: o-color('delta') !important;
}

/* s_icon_box_square */

.bg-beta .s_icon_box_square_icon {
    border-color: white !important;
    background-color: o-color('alpha') !important;
    .fa {
        color: white !important;
    }
    h4 {
        color: white !important;
}
}

.bg-beta .s_icon_box_square_box:hover .s_icon_box_square_icon {
    border-color: white !important;
    background-color: white !important;
    .fa {
        color: o-color('alpha') !important;
    }
}

.bg-beta .s_icon_box_square_box:hover h4 {
        color: white !important;
}

/* s_icon_box_circle */

.bg-beta .s_icon_box_circle_icon {
    border-color: white !important;
    background-color: o-color('alpha') !important;
    .fa {
        color: white !important;
    }
    h4 {
        color: white !important;
}
}

.bg-beta .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
    border-color: white !important;
    background-color: white !important;
    .fa {
        color: o-color('alpha') !important;
    }
}

.bg-beta .s_icon_box_circle_box:hover h4 {
        color: white !important;
}