.text-with-image-in-elements-in-a-row {
    padding: 50px 0;
}

.text-with-image-in-elements-in-a-row .elements {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: start;
}

.text-with-image-in-elements-in-a-row .element {
    padding: 32px;
    border: 1px dashed #60646C;
    background: #FFF;
}

.text-with-image-in-elements-in-a-row .element h3 {
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -1.08px !important;
    margin: 0 0 10px;
}

.text-with-image-in-elements-in-a-row .element p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.18px;
}
.text-with-image-in-elements-in-a-row .element p:last-child {
    margin: 0;
}

.text-with-image-in-elements-in-a-row .element img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 32px auto 0;
}

@media screen and (max-width: 1160px) {
    .text-with-image-in-elements-in-a-row .element h3 {
        font-size: 28px;
    }
}

@media screen and (max-width: 991px) {
    .text-with-image-in-elements-in-a-row {
        padding: 32px 0;
    }

    .text-with-image-in-elements-in-a-row .elements {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media screen and (max-width: 480px) {
    .text-with-image-in-elements-in-a-row .element {
        padding: 16px;
    }

    .text-with-image-in-elements-in-a-row .element img {
        margin: 20px auto 0;
    }

    .text-with-image-in-elements-in-a-row .element p {
        font-size: 16px !important;
        line-height: 24px !important;
    }
}