.att-wrap{display: flex;}
.att-item {
border-right: 1px dashed hsla(151, 90%, 76%, .2);
padding: 1em 2em;
display: flex;
justify-content: center;
position: relative;
min-height:100%;
flex-direction: column;
}
.att-item:last-child{
border-right: none;
}
.att-item p {
display: flex;
align-items: center;
gap: 15px;
font-size: 19px;
font-weight: 600;
}
.att-item i{
background: hsl(0, 0%, 25%);
min-height: 27px;
min-width: 27px;
text-align: center;
padding-top: 4px;
border-radius: 50%;
font-size: 16px;
}
@media(min-width:1441px){ .intro-list > .container{width:1440px}
}
@media(max-width:1199px){
.att-item p { font-size: 17px;}
}
@media(min-width:992px){
.att-item::after {
content: " ";
position: absolute;
width: 8px;
height: 8px;
background: hsla(151, 20%, 30%, 1);
border-radius: 50%;
right: -5px;
bottom: 0;
box-shadow: hsla(151, 90%, 76%, .5) 0px 0px 8px 0px;
}
.att-item:last-child::after{
display:none;
}
}
@media(max-width:991px){
.att-wrap {
flex-wrap: wrap;
}
.att-item{width:100%; border-right: none; padding: 0em 2em;}
.att-item p{flex-direction:column; margin-bottom: 1em; text-align: center;}
.att-item i { height: 35px; width: 35px; line-height: 35px; padding-top: 0;}
}