.line-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
    justify-content: center
}

.line-card-heading {
    margin-bottom: 20px;
    text-align: center
}

.line-card-heading p {
    margin: 0 auto;
    max-width: 900px
}

.line-card-box p br {
    display: none
}

.line-card-box {
    border: 2px solid transparent;
    box-sizing: border-box;
    flex: 1 1 calc(33.333% - 24px);
    max-width: calc(33.333% - 24px);
    padding: 24px;
    position: relative;
    transition: border-color .3s
}

.line-card-line {
    background: #58c9ce;
    height: 5px;
    position: absolute;
    width: 60px
}

.line-card-box:hover .line-card-line {
    display: none
}

.line-card-box:hover {
    background-color: #e2f7f8;
    border: 1.5px solid #59cad0
}

@media (max-width:900px) {
    .line-card-box {
        flex: 1 1 calc(50% - 24px);
        max-width: calc(50% - 24px)
    }
    .heading-card-main .card-part .card-box {
        flex: 0 0 48% !important
    }
}

@media (max-width:600px) {
    .line-card-box {
        flex: 1 1 100%;
        max-width: 100%
    }
    .heading-card-main .card-part .card-box {
        flex: 0 0 100% !important
    }
    .line-cards {
        gap: 20px
    }
}