.elementor-500 .elementor-element.elementor-element-e4cbb1d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-6cad47a */.expertise{
    padding:80px 20px;
    background:#fff;
    text-align:center;
}

.expertise h2{
    font-size:40px;
    margin-bottom:60px;
    color:#000;
}

.expertise-wrap{
    max-width:1000px;
    height:700px;
    margin:auto;
    position:relative;
}

.center{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:260px;
    height:260px;
    border-radius:50%;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.center img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.box{
    width:220px;
    background:#343466;
    padding:18px;
    border-radius:50px;
    position:absolute;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.box:hover{
    background:#;
    color:#fff;
    transform:translateY(-8px);
}

.icon{
    width:55px;
    height:55px;
    background:#fff;
    color:#343466;
    border-radius:50%;
    line-height:55px;
    font-size:24px;
    margin:auto;
    margin-bottom:10px;
}

.box h4{
    margin:0;
    font-size:17px;
     color:#fff;
}

.top{
    left:50%;
    top:0;
    transform:translateX(-50%);
}

.top-right{
    right:0;
    top:120px;
}

.right{
    right:0;
    top:300px;
}

.bottom-right{
    right:0;
    bottom:120px;
}

.bottom{
    left:50%;
    bottom:0;
    transform:translateX(-50%);
}

.bottom-left{
    left:0;
    bottom:120px;
}

.left{
    left:0;
    top:300px;
}

.top-left{
    left:0;
    top:120px;
}

@media(max-width:991px){

.expertise-wrap{
height:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

.center,
.box{
position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
transform:none;
margin:auto;
}

.center{
order:-1;
margin-bottom:20px;
}

}

@media(max-width:767px){

.expertise-wrap{
grid-template-columns:1fr;
}

}/* End custom CSS */