/* Start custom CSS for html, class: .elementor-element-c62b128 */.mx-related-service{
margin:70px auto;
padding:42px;
max-width:1100px;
background:#fff;
border:1px solid #eceff3;
border-radius:24px;
box-shadow:0 20px 60px rgba(16,24,40,.06);
position:relative;
overflow:hidden
}

.mx-related-service:before{
content:"";
position:absolute;
left:-120px;
top:-120px;
width:240px;
height:240px;
background:radial-gradient(circle,#ff6b3530 0%,transparent 70%);
}

.mx-related-content{
position:relative;
z-index:2
}

.mx-related-badge{
display:inline-block;
padding:7px 14px;
background:#fff3ef;
color:#f15a29;
font-size:13px;
font-weight:700;
border-radius:40px;
margin-bottom:18px
}

.mx-related-service h2{
margin:0 0 18px;
font-size:34px;
font-weight:800;
line-height:1.5;
color:#162447
}

.mx-related-service p{
margin:0;
font-size:16px;
line-height:2.2;
color:#5c667a;
max-width:760px
}

.mx-related-service strong{
color:#162447;
font-weight:700
}

.mx-related-btn{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:30px;
padding:16px 34px;
background:#162447;
color:#fff!important;
text-decoration:none!important;
border-radius:14px;
font-weight:700;
transition:.25s
}

.mx-related-btn:hover{
background:#f15a29;
transform:translateY(-3px)
}

@media(max-width:768px){

.mx-related-service{
padding:28px;
border-radius:20px;
margin:50px auto
}

.mx-related-service h2{
font-size:27px
}

.mx-related-service p{
font-size:15px;
line-height:2
}

.mx-related-btn{
width:100%;
padding:15px;
margin-top:24px
}

}/* End custom CSS */