.better-fancy.style-1{
    .ab-exp{

        .pattern{
            height: 100%;
            width: 100%;
        }

        .years-exp{
            position: relative;
            height: 100%;
            width: 100%;
            border: 10px solid #f8f4f3;

            .exp-text{
                position: absolute;
                bottom: 40px;
                left: -10px;
                padding: 10px 0;
                width: max-content;
                background: #fff;

                h2{
                    font-size: 70px;
                    line-height: 1;
                    display: inline-block;
                    position: relative;
                    z-index: 2;
                    margin: 0;
                    font-family: 'Teko', sans-serif;

                    &:after{
                        content: '';
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                        background: #f8f4f3;
                        position: absolute;
                        right: -15px;
                        top: -15px;
                        z-index: -1;
                    }
                }

                h6{
                    font-size: 14px;
                    margin: 0;
                }
            }
        }
    }
}
// Mobile size
@media screen and (max-width: 767px){
    .better-fancy.style-1 .ab-exp .years-exp{
        height: 300px;
        margin-top: 10px;
    }
}