#how-we-partner {}
#proof-you-can-measure {}
#what-you-get-in-a-typical-retainer {
    max-width: 1840px;
    border-radius: 20px;
    background: radial-gradient(100% 122.58% at 50% 100%, rgba(186, 218, 250, 0.40) 0%, rgba(186, 218, 250, 0.00) 59.9%);
}
#sample-engagement-timeline {
    max-width: 1840px;
    border-radius: 20px;
    background: radial-gradient(100% 122.58% at 50% 100%, rgba(255, 200, 187, 0.40) 0%, rgba(255, 200, 187, 0.00) 59.9%);
}

#what-you-get-in-a-typical-retainer > div,
#sample-engagement-timeline > div {
    max-width: 1430px;
    margin: 0 auto;
}

.image-with-text-in-columns .heading {
    color: #000;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -1.92px;
    margin-bottom: 100px;
}

.image-with-text-in-columns .element h3 {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -0.8px !important;
    margin: 0;
}

.image-with-text-in-columns .element h4 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.2px;
    margin: 0;
}

.image-with-text-in-columns .element p {
    color: #60646C;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.18px;
    margin: 0;
}

#how-we-partner .elements {
    gap: 20px;
}
#proof-you-can-measure .elements {
    justify-content: center;
    column-gap: 80px;
    row-gap: 64px;
}
#what-you-get-in-a-typical-retainer .elements {
    max-width: 1060px;
    margin: 0 auto;
    column-gap: 20px;
    row-gap: 64px;
}
#sample-engagement-timeline .elements {
    gap: 20px;
    position: relative;
}
#sample-engagement-timeline .elements::after {
    content: '';
    width: 74%;
    height: 1px;
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    border-bottom: 1px dashed #FF795A;
}

#how-we-partner .element {
    padding: 0 20px 20px;
    border-left: 1px dashed #60646C;
}
#proof-you-can-measure .element {
    max-width: 340px;
    text-align: center;
}
#what-you-get-in-a-typical-retainer .element {
    max-width: 250px;
    text-align: center;
}
#sample-engagement-timeline .element {
    max-width: 300px;
    text-align: center;
    position: relative;
    z-index: 2;
}

#how-we-partner .element-image {
    margin-bottom: 80px;
}
.image-with-text-in-columns img {
    max-width: 100%;
}
#how-we-partner .element-image img {
    max-height: 128px;
}
#proof-you-can-measure .element-image {
    max-width: 128px;
    margin: 0 auto 20px;
}
#what-you-get-in-a-typical-retainer .element-image,
#sample-engagement-timeline .element-image {
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .image-with-text-in-columns .heading {
        font-size: 36px;
        line-height: 100%;
        letter-spacing: -1.08px;
        margin-bottom: 64px;
    }

    #proof-you-can-measure .elements,
    #what-you-get-in-a-typical-retainer .elements {
        column-gap: 0;
        row-gap: 20px;
    }
    #sample-engagement-timeline .elements {
        gap: 40px;
    }
    #sample-engagement-timeline .elements::after {
        width: 1px;
        height: 82%;
        top: 50%;
        left: 25px;
        z-index: 1;
        transform: translateY(-50%);
        border: 0;
        border-left: 1px dashed #FF795A;
    }

    .image-with-text-in-columns .element {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 16px;
    }

    .image-with-text-in-columns .element h3 {
        font-size: 28px;
        line-height: 28px;
        letter-spacing: -0.56px !important;
    }

    .image-with-text-in-columns .element h4 {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.18px;
    }

    .image-with-text-in-columns .element p {
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: -0.16px !important;
    }

    #how-we-partner .element {
        gap: 8px;
        padding: 0 0 20px;
        border: 0;
        border-bottom: 1px dashed #60646C;
    }
    #proof-you-can-measure .element,
    #what-you-get-in-a-typical-retainer .element,
    #sample-engagement-timeline .element {
        width: 100%;
        max-width: 100%;
        text-align: left;
    }

    #how-we-partner .element-image {
        max-width: 104px;
        margin-bottom: 0;
    }
    #proof-you-can-measure .element-image {
        max-width: 96px;
        margin: 0;
    }
    #what-you-get-in-a-typical-retainer .element-image {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    #what-you-get-in-a-typical-retainer,
    #sample-engagement-timeline {
        max-width: calc(100% - 16px);
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #sample-engagement-timeline .elements::after {
        left: 40px;
    }

    #what-you-get-in-a-typical-retainer .element,
    #sample-engagement-timeline .element {
        padding: 0 16px;
    }
}