.solutions-section--heading {
    color: #fff;
}
.solutions-section--heading-top {
    padding-block: 70px;
}
.solutions-section--heading-top .heading-top__content {
    display: grid;
    grid-template-columns: 1fr minmax(360px, 640px);
    gap: 60px;
}
.solutions-section--heading-top .heading-top__desc {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    text-align: left;
}
.solutions-section--heading-top .heading-top__desc > h1 {
    text-align: inherit;
}
.solutions-section--heading-top .heading-top__button-group {
    display: flex;
    gap: 17px;
}
.solutions-section--heading-middle {
    padding-bottom: 70px;
}
.solutions-section--heading-middle .heading-middle__content {
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: center;
}
.solutions-section--heading-middle .heading-middle__shortdesc {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
}

.solutions-section--heading-middle .heading-middle__logos-wrapper {
    display: grid;
    grid-template-columns: minmax(260px, 400px) 1fr;
    gap: 90px;
    align-items: center;
}

.solutions-section--heading-middle .heading-middle__logos-wrapper > * {
    text-align: left;
}

.solutions-section--heading-middle .heading-middle__logos-text {
    display: flex;
    flex-direction: column;
    gap: 40px;
    text-align: center;
    align-items: center;
}

.solutions-section--heading-middle .heading-middle__logos {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.solutions-section--heading-middle .heading-middle__logos > * {
    display: flex;
    gap: 30px;
}

.solutions-section--heading-middle .heading-middle__logos img {
    max-width: 120px;
}

.solutions-section--heading-bottom {
    padding-block: 70px;
}
.solutions-section--heading-bottom .heading-bottom__content {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 30px;
    position: relative;
}
.solutions-section--heading-bottom .heading-bottom__content > img {
    position: absolute;
    transform: translate(450px, 30px);
}
.solutions-section--heading-bottom .heading-bottom__cta {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: left;
    text-align: left;
}

.what-you-need .container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 992px) {
    .solutions-section--heading-top .heading-top__content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .solutions-section--heading-top .heading-top__desc {
        align-items: center;
        text-align: center;
    }
    .solutions-section--heading-top .heading-top__button-group {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .solutions-section--heading-middle .heading-middle__shortdesc {
        flex-direction: column;
        gap: 20px;
    }
    .solutions-section--heading-middle .heading-middle__logos-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
        justify-items: center;
    }
    .solutions-section--heading-middle .heading-middle__logos-wrapper > img {
        max-width: 350px;
    }
    .solutions-section--heading-middle .heading-middle__logos-wrapper > * {
        text-align: center;
    }
    .solutions-section--heading-middle .heading-middle__logos {
        align-items: center;
    }
    .solutions-section--heading-middle .heading-middle__logos  > * {
        gap: 20px;
    }
    .solutions-section--heading-bottom .heading-bottom__content {
        grid-template-columns: 1fr;
        gap: 40px;
        justify-items: center;
        position: relative;
    }
    .solutions-section--heading-bottom .heading-bottom__content > img {
        position: static;
        transform: none;
    }
    .solutions-section--heading-bottom .heading-bottom__cta {
        gap: 30px;
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .solutions-section--heading-bottom .heading-bottom__content > img {
        max-width: 500px;
        transform: translate(450px, 150px);
    }
}

@media (max-width: 576px) {
    .solutions-section--heading-middle .heading-middle__logos-wrapper img {
        max-width: 260px;
    }
}