#faults-block {
    padding-bottom: 80px;
    padding-top: 20px;
}
#faults-block .faults-wrapper{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
#faults-block .fault-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
border-radius: 5px;
padding: 15px 30px;
cursor: pointer;
transition: 0.3s;
}
#faults-block .fault-item:hover {
    background: #10223d;
}
#faults-block .name{
    font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #10223d;
width: 70%;
margin-right: 20px;
pointer-events: none;
}
#faults-block .fault-item:hover .name{
    color: white;
}
#faults-block .fault-item:hover circle{
    stroke: white;
}
#faults-block .fault-item:hover circle:nth-child(2) {
    fill: white;
}
#faults-block .fault-item:hover path {
    stroke: #10223d;
}
#faults-block .icon {
    pointer-events: none;
}
@media (max-width: 996px) {
    #faults-block .faults-wrapper {
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
    }
}
@media (max-width: 776px) {
    #faults-block .fault-item {
        padding: 5px 10px;
    }
    #faults-block .name {
        font-size: 14px;
    }
}
@media (max-width: 600px) {
    #faults-block .faults-wrapper {
        display: flex;
        flex-direction: column;
    }
    #faults-block {
        padding-bottom: 15px;
    }
}