.dc-fancy-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
/* gap: 60px; */
gap: 30px;
position: relative;
align-items: center;
}


.dc-fancy-item {
position: relative;
text-align: center;
width: 350px;
height: 350px;
border-radius: 50%;
border: 2px solid #e5e5e5;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px;
background: #fff;
}

/* .dc-fancy-item-sub {
    padding: 20px;
    border: 1px solid #E3E3E3;
    border-radius: 200px;
    height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: center;
} */


/* Outer decorative arcs */
.dc-fancy-item:before {
/* content: '';
position: absolute;
inset: -12px;
border-radius: 50%;
border: 8px solid transparent;
border-top-color: #7a7a7a;
border-bottom-color: #7a7a7a;
transform: rotate(-15deg); */

/* content: '';
position: absolute;
inset: -8px;
border-radius: 50%;
border: 14px solid transparent;
border-top-color: #848484;
border-bottom-color: #848484;
transform: rotate(0deg); */
}


.dc-fancy-icon {
font-size: 36px;
margin-bottom: 10px;
}


.dc-fancy-heading {
font-size: 20px;
font-weight: 700;
margin: 10px 0;
}


.dc-fancy-desc {
font-size: 14px;
line-height: 1.6;
}


/* Full box clickable link */
.dc-fancy-link {
position:absolute;
top:0; left:0; right:0; bottom:0;
z-index:5;
}


/* CONNECTOR LINE */
/* .dc-fancy-item:after {
content: '';
position: absolute;
top: 50%;
right: -70px;
width: 70px;
height: 3px;
background: #9a9a9a;
} */


/* .dc-fancy-item:nth-child(4n):after { display:none; } */


/* Tablet */
@media (max-width: 1024px) {
.dc-fancy-wrapper { grid-template-columns: repeat(2,1fr) !important; }
.dc-fancy-item { width: 240px; height: 240px; }
.dc-circle-box .dc-fancy-item:nth-child(2n):after { display:none; }
}


/* Mobile */
@media (max-width: 767px) {
.dc-fancy-wrapper { grid-template-columns: 1fr !important; }
.dc-fancy-item { width: 220px; height: 220px; margin:auto; }
.dc-circle-box .dc-fancy-item:after { display:none; }
}