.bea-icon-box{
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    transition: all 0.4s ease;
    p{
        padding: 0;
        margin: 0;
    }
    .icon-wrapper {
        z-index: 2;

        .icon{
            display: inline-block;
            line-height: 1;
            i {
                font-size: 48px;
            }
            svg{
                width: 48px;
            }   
        }
        
    }
    .box-content{
        z-index: 2;

    }
    .heading{
        font-size: 1.25rem;
        display: block;
        margin: 0;
    }
   
    .additional-text{
        position: absolute;
        z-index: 1;
    }
    .animated-fadeup {
        .description{
            opacity: 0;
        }
        .heading,
        .description{
          transform: translateY(50px);
          transition: all .5s;
        }

    }
   
    .btn-wrapper{
        overflow: hidden;
        display: inline-block;
        .bea-btn{
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
    .text-slide-in{
        margin-left: -100px;
        transition: all .4s;
    }
    .floated-icon-wrapper{
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        padding: 10px;
        border-radius: 0 0 0 30px;
        transition: all .4s;
        opacity: 0;
        .floated-icon {
            width: 90px;
            height: 90px;
            line-height: 90px;
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 50%;
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
            transition: all .4s;
            svg{
                width: 40px;
                height: 40px;
            }
            i{
                font-size: 40px;
            }
        }
          
        .shap-left-top {
            position: absolute;
            top: 0;
            left: -2.1rem;
            transform: rotate(90deg);
            line-height: 1;
        }
        .shap-left-top svg {
            width: 2.1rem;
            height: 2.1rem;
        }
        .shap-right-bottom {
            position: absolute;
            bottom: -2.1rem;
            right: 0;
            transform: rotate(90deg);
            line-height: 1;
        }
        .shap-right-bottom svg {
            width: 2.1rem;
            height: 2.1rem;
        }
    }


    &:hover{
        .animated-fadeup {
            .heading,
            .description{
                transform: translateY(0px);
                opacity: 1;
            }
        }
        .text-slide-in{
            margin-left: 0px;
            transition: all .4s;
        }
        .floated-icon-wrapper{
            opacity: 1;
        }
    }

}