.tools{
    ul>li{
        color: transparent;
        padding-bottom: 10px;
        position: relative;
    }
    
    ul>li:before{
        content: '';
        position: absolute;
        width: 14px;
        height: 14px;
        background-color: #f8ebf1;
        border-radius: 50%;
        top: 7px;
        left: -23px;
        z-index: -1;
    }
    ul>li::after{
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background-color: #E2147E;
        border-radius: 50%;
        top: 11px;
        left: -19px;
        z-index: 1;
    }
    ul>li>span{
        color: var(--bs-body-color);
    }
    ul{
        padding-inline-start: 1em;
    }
    h2{
        font-size: 40px;
        font-weight: bold;
    }

}
@media (max-width:1030px) {
    .icon-tool{
        height: 100px;
    }
}
@media (max-width:950px) {
    .tittle {
        font-size: 29px;
    }
    .text-tools{
        font-size: 18px;
    }
}
@media (max-width:426px) {
    .card-tool {
        font-size: 1rem;
    }
    .text-tools {
        font-size: 12px;
    }
}

@media (max-width:321px) {

    .text-tools {
        font-size: 10px;
    }
}