#x2d1{flex-wrap:wrap; margin: 50px auto;}
.x2d2{width: 31%;display: flex;flex-direction: column;align-items: center;text-align: center;box-shadow: 0px 0px 9px 0px var(--color-25);margin-bottom: 65px;padding: 50px 15px 15px 15px;background: #fff;position: relative;}
.x2d3{position: absolute;box-shadow: 0px 0px 9px 0px var(--color-25);background: #fff;padding: 18px; width: 75px;height: 75px;top: -36px;border-radius: 50%;}
.x2s1{font-size: 20px;font-family: var(--font-4);font-weight: 700;color: var(--color-26); margin-bottom: 15px;}
.x2s1:hover{color: var(--color-24);}
.x2s2{font-size: 16px;font-family: var(--font-2);line-height: 1.3;color: var(--color-22);}
.x2i1{ width: 100%;}
.x2p1{color: var(--color-27);}


/* responsive */

@media screen and (max-width: 992px){
    #x2d1{justify-content: space-around;}
    .x2d2{ width: 45%; margin-bottom: 100px;}
}

@media screen and (max-width: 768px){
    #x2d1{margin: 0 auto;}
}

@media screen and (max-width: 600px){
    .x2d2{ width: 90%; margin-bottom: 50px;}
    .x2d3 {width: 65px;height: 65px;}
}