.headingWithThreeColumnTextBlock{
    background: var(--gray-color);
    padding: 150px 0;
}
.headingWithThreeColumnTextBlock h1{
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 55px;
}
.headingWithThreeColumnTextBlock .column{
    width: 27.28%;
}
.headingWithThreeColumnTextBlock .row{
    column-gap: 9.08%;
    align-items: flex-end;
}
.headingWithThreeColumnTextBlock h4{
    margin-bottom: 20px;
}


@media (max-width: 1280px){
    .headingWithThreeColumnTextBlock{
        padding: 120px  0;
    }
    
}

@media (max-width: 1100px){
    .headingWithThreeColumnTextBlock h1{
        margin-bottom: 38px;
    }
}

@media (max-width: 767.98px){
    .headingWithThreeColumnTextBlock{
        padding: 80px  0;
    }
    .headingWithThreeColumnTextBlock .column {
        width: 100%;
        max-width: 325px;
        margin: auto;
    } 
    .headingWithThreeColumnTextBlock .row{
        flex-direction: column;
        row-gap: 40px;
    }
    .headingWithThreeColumnTextBlock h1 {
        margin-bottom: 40px;
    }
    .headingWithThreeColumnTextBlock h4 {
        margin-bottom: 10px;
    }
}
@media (max-width: 575.98px){
    .headingWithThreeColumnTextBlock .column {
        width: 100%;
        max-width: 100%;
    }
}